Repetir sin cansarse
Imagina que tu profesor te castiga a escribir cien veces "No hablaré en clase".
Un ordenador lo haría en un instante y sin quejarse. Solo necesita que le digas cuántas veces.
Eso se llama un bucle. Ya los usaste en Java. Aquí vuelves a verlos en JavaScript.
Palabras clave
| Palabra | Qué significa | Ejemplo |
|---|---|---|
| Bucle | Una parte del programa que se repite varias veces. | for, while |
| Vuelta | Cada vez que el bucle repite sus líneas. | La vuelta 3 |
| for | Un bucle para cuando sabes cuántas vueltas hacen falta. | for (let i = 1; i <= 5; i++) |
| while | Un bucle que sigue mientras la condición sea verdadera. | while (saved < 30) |
| Contador | Una variable que cuenta las vueltas. | let i = 1; |
| Bucle infinito | Un bucle que nunca termina, porque su condición nunca falla. | while (true) |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
for: contar vueltas
Un for tiene tres partes entre paréntesis, separadas por punto y coma.
La primera crea el contador: let i = 1. La segunda es la condición para seguir: i <= 5. La tercera cambia el contador en cada vuelta: i++, que significa sumar 1.
Pruébalo: cinco vueltas
for (let i = 1; i <= 5; i++) {
console.log('Vuelta número', i);
}
// Cambia el 5 por un 8 y ejecuta otra vez.
Ejemplo resuelto: qué pasa en cada vuelta
| Vuelta | Valor de i | ¿i <= 5? | Qué escribe |
|---|---|---|---|
| 1 | 1 | Sí | Vuelta número 1 |
| 2 | 2 | Sí | Vuelta número 2 |
| 3 | 3 | Sí | Vuelta número 3 |
| 4 | 4 | Sí | Vuelta número 4 |
| 5 | 5 | Sí | Vuelta número 5 |
| Fin | 6 | No | Nada: el bucle termina |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
while: seguir hasta que se cumpla
A veces no sabes cuántas vueltas harán falta. Para eso está while.
Pones solo la condición. Mientras sea verdadera, el bucle repite.
Ejemplo: ahorras 5 euros a la semana para una camiseta de 30 euros. ¿Cuántas semanas necesitas?
Pruébalo: la hucha
let saved = 0;
let week = 0;
while (saved < 30) {
week = week + 1;
saved = saved + 5;
console.log('Semana', week, 'ahorrado', saved);
}
// Cambia los 5 euros por 10 y mira cuántas semanas salen.
Ejemplo resuelto: la hucha semana a semana
| Semana | Ahorrado | ¿Menos de 30? |
|---|---|---|
| Al empezar | 0 | Sí, sigue |
| 1 | 5 | Sí, sigue |
| 3 | 15 | Sí, sigue |
| 5 | 25 | Sí, sigue |
| 6 | 30 | No, termina |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Cuidado con el bucle infinito
Advertencia
Si en la hucha olvidas la línea saved = saved + 5;, el ahorro nunca cambia. La condición siempre es verdadera y el bucle no termina. Antes de ejecutar un while, pregúntate qué línea hace que algún día pare.
Repaso rápido: bucles
Inténtalo
Repaso rápido: bucles
3 preguntasTus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.