El bucle for es una estructura de bucle fundamental en JavaScript, aunque inicialmente puede resultar difícil de entender. Utiliza la palabra clave for y requiere tres parámetros encerrados entre paréntesis:

for (Inicialización; Condición; Incremento / Disminución) {
  // bloque de código
}

He aquí un desglose de estos parámetros:

Inicialización**: Aquí es donde se inicializa un nuevo contador utilizado por el bucle for. Sólo se ejecuta una vez.
Condición**: Una expresión que se comprueba antes de cada iteración, similar al bucle while.
Incremento/Decremento**: Operaciones realizadas sobre el contador al final de cada iteración del bucle.

Nota

Iteración en bucles se refiere a repetir un bloque de código un cierto número de veces o hasta que se cumpla una condición específica. Cada vez que se ejecuta el bloque de código, se considera una iteración.

Ilustremos esto con un ejemplo:


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

En este ejemplo:

let i = 1: Inicialización, donde creamos la variable i dentro del bucle for. Esta operación se ejecuta una vez.
i < 5: Condición, comprobada antes de cada iteración.
i++: Expresión de incremento, ejecutada después de cada iteración.
console.log("Iteración del bucle:", i);: Cuerpo del bucle for.

Cada paso del bucle se puede describir de la siguiente manera: ``javascript // Paso 1: Inicialización del contador let i = 1; // Paso 2: Cuerpo principal del bucle if (i < 5) { // comprobación de la condición console.log("Iteración del bucle:", i); // cuerpo del bucle } i++; // operación de incremento

El paso 2 se repite hasta que la condición se convierte en false.

Puede ser beneficioso considerar un diagrama para obtener una comprensión más clara de cómo funciona el bucle.

También puede 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 único en su ámbito, por lo que no tienes que preocuparte de que el nombre del contador entre en conflicto 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 de los bucles for y while

Al comparar los bucles for y while, el bucle for es a menudo más simple y conciso. He aquí 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);
}

En esta comparación, el bucle for es más sencillo y ocupa menos espacio de código. Además, el bucle for borra automáticamente la variable contador (en este caso, i) después de la ejecución.

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 5. Capítulo 4

Pregunte a AI

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 parameters in the for loop?

Can you show more examples of using different increment or decrement expressions in a for loop?

Awesome!

Completion rate improved to 2.33

Desliza para mostrar el menú

for (Inicialización; Condición; Incremento / Disminución) {
  // bloque de código
}

He aquí un desglose de estos parámetros:

Inicialización**: Aquí es donde se inicializa un nuevo contador utilizado por el bucle for. Sólo se ejecuta una vez.
Condición**: Una expresión que se comprueba antes de cada iteración, similar al bucle while.
Incremento/Decremento**: Operaciones realizadas sobre el contador al final de cada iteración del bucle.

Nota

Iteración en bucles se refiere a repetir un bloque de código un cierto número de veces o hasta que se cumpla una condición específica. Cada vez que se ejecuta el bloque de código, se considera una iteración.

Ilustremos esto con un ejemplo:


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

En este ejemplo:

let i = 1: Inicialización, donde creamos la variable i dentro del bucle for. Esta operación se ejecuta una vez.
i < 5: Condición, comprobada antes de cada iteración.
i++: Expresión de incremento, ejecutada después de cada iteración.
console.log("Iteración del bucle:", i);: Cuerpo del bucle for.

El paso 2 se repite hasta que la condición se convierte en false.

Puede ser beneficioso considerar un diagrama para obtener una comprensión más clara de cómo funciona el bucle.

También puede 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 único en su ámbito, por lo que no tienes que preocuparte de que el nombre del contador entre en conflicto 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 de los bucles for y while

Al comparar los bucles for y while, el bucle for es a menudo más simple y conciso. He aquí 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);
}

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 5. Capítulo 4

Dominio del Bucle For en JavaScript

Comparación de los bucles for y while

Awesome!

Dominio del Bucle For en JavaScript

Comparación de los bucles for y while