Desliza para mostrar el menú

El bucle for es una forma común de repetir código. Utiliza tres partes dentro de los paréntesis:

for (Initialization; Condition; Increment/Decrement) {
  // code block
}

Significado de cada parte:

Inicialización: crea el contador del bucle (se ejecuta una vez);
Condición: se verifica antes de cada iteración;
Incremento/Decremento: actualiza el contador después de cada ciclo.

Nota

Una iteración es una ejecución completa del cuerpo del bucle.


              123
            
for (let i = 1; i < 5; i++) {
  console.log("Loop iteration:", i);
};

let i = 1: inicialización;
i < 5: condición;
i++: incremento;
console.log(...): cuerpo del bucle.

Esto se repite hasta que la condición sea falsa.

También es posible utilizar decremento en el bucle for, como se muestra aquí:


              123
            
for (let i = 15; i > 10; i--) {
  console.log("i =", i);
}

El contador del bucle for es exclusivo de su propio ámbito, por lo que no es necesario preocuparse por conflictos de nombres con otras variables:


              12345678
            
let i = 2077;
console.log("(global) i =", i);

for (let i = 0; i < 4; i++) {
  console.log("(for) i =", i);
}

console.log("(global) i =", i);

También se pueden utilizar diferentes expresiones para las operaciones de Incremento/Decremento:


              123
            
for (let i = 0; i < 40; i += 7) {
  console.log("i =", i);
};

Comparación entre los bucles for y while

Al comparar los bucles for y while, el bucle for suele ser más simple y conciso. A continuación, un ejemplo de bucles equivalentes:


              1234567891011
            
// `while`
let a = 1;
while (a <= 3) {
  console.log("While:", a);
  a++;
}

// `for`
for (let i = 1; i <= 3; i++) {
  console.log("For:", i);
}

El bucle for suele ser más corto y mantiene el contador dentro de su propio ámbito.

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 5. Capítulo 3

Pregunte a AI

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Dominio del Bucle For en JavaScript