¿Por qué bucles?
Imagina que tienes que enviar el mismo mensaje a 100 personas. ¿Te ves
escribiendo 100 console.log a base de copiar y pegar? Para ahí: los bucles
existen justo para eso. Le dices al ordenador "repite esto" y lo hace por ti,
mil veces si hace falta, sin cansarse ni quejarse.
Son una de las herramientas más potentes de la programación, y a partir de aquí vas a dejar de duplicar código para siempre.
El bucle for
Es el bucle más usado cuando sabes cuántas veces quieres repetir. Tiene tres partes entre paréntesis, separadas por punto y coma:
for (inicialización; condición; actualización) {
// código que se repite
}
for (let i = 0; i < 5; i++) {
console.log("Vuelta número", i);
}
Lo que ocurre paso a paso:
- Inicialización (
let i = 0): se ejecuta una vez al empezar. - Condición (
i < 5): se comprueba antes de cada vuelta. Si estrue, se entra; si esfalse, el bucle termina. - Se ejecuta el cuerpo del bucle.
- Actualización (
i++): se ejecuta al final de cada vuelta. - Se vuelve al paso 2.
Por convención la variable contador se llama i (de index). Empezar en 0 y
usar < hace que el bucle dé exactamente 5 vueltas: 0, 1, 2, 3, 4.
⚠️ Trampa clásica: el off-by-one. Empezar en
1o cambiar<por<=hace que el bucle dé una vuelta de más o de menos. Cuando algo cuente "casi bien" pero falle por uno, mira siempre estos dos detalles primero.
Acumular un resultado
Uno de los patrones que más vas a repetir: una variable que vive fuera del bucle y va creciendo en cada vuelta. Piensa en el total de un carrito de la compra que sube con cada producto. Aquí sumamos del 1 al 10:
let suma = 0;
for (let i = 1; i <= 10; i++) {
suma += i;
}
console.log(suma); // 55 (1+2+...+10)
Ejemplos
Contar del 0 al 4
for (let i = 0; i < 5; i++) {
console.log("i =", i);
}
Sumar los números del 1 al 10
let suma = 0;
for (let i = 1; i <= 10; i++) {
suma += i;
}
console.log("Suma total:", suma);