Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Dominio del Bucle For en JavaScript | Recorrido de Datos en JavaScript
Introducción a JavaScript

bookDominio del Bucle For en JavaScript

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.
Note
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); };
copy
  • 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); }
copy

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);
copy

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); };
copy

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); }
copy

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

question mark

Se desea imprimir cada año de los Juegos Olímpicos de Verano desde 2000 hasta 2016, inclusive. ¿Qué condición debe ir en el bucle?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

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

Suggested prompts:

Can you explain more about the difference between for and while loops?

What happens if I omit one of the parts in the for loop?

Can you show more examples of using different increment or decrement steps?

bookDominio del Bucle For en JavaScript

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.
Note
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); };
copy
  • 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); }
copy

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);
copy

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); };
copy

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); }
copy

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

question mark

Se desea imprimir cada año de los Juegos Olímpicos de Verano desde 2000 hasta 2016, inclusive. ¿Qué condición debe ir en el bucle?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 3
some-alt