En JavaScript, la estructura for es una de las formas más comunes de crear bucles. Se utiliza para repetir un bloque de código un número específico de veces. A diferencia de while y do...while, el bucle for es ideal cuando conoces de antemano cuántas veces necesitas iterar.

¿Cómo funciona for?

El bucle for se compone de tres partes principales:

1. Inicialización: Establece una variable de control para el bucle.
2. Condición: Evalúa si el bucle debe continuar ejecutándose.
3. Actualización: Modifica la variable de control después de cada iteración.

Sintaxis básica:

1for (inicialización; condición; actualización) {
2  // Código a ejecutar en cada iteración
3}

• inicialización: Se ejecuta una vez al comienzo del bucle. Generalmente se utiliza para definir la variable que controlará el bucle.
• condición: Se evalúa antes de cada iteración. Si es true, el bucle continúa; si es false, el bucle se detiene.
• actualización: Se ejecuta al final de cada iteración para actualizar la variable de control.

Ejemplo básico

Supongamos que queremos imprimir los números del 1 al 5 usando un bucle for:

 
1for (let i = 1; i <= 5; i++) {
2  console.log(i);
3}
Salida de Consola!:
1
2
3
4
5

En este ejemplo:

• Inicialización: let i = 1 establece la variable i con un valor inicial de 1.
• Condición: i <= 5 verifica si i es menor o igual a 5. Si es true, el bucle continúa.
• Actualización: i++ incrementa i en 1 después de cada iteración.
• El bloque de código dentro del bucle (console.log(i);) se ejecuta cinco veces, imprimiendo los números del 1 al 5.

Bucle for inverso

Puedes usar un bucle for para contar hacia atrás cambiando la inicialización, condición, y actualización.

Ejemplo de bucle for inverso:

 
1for (let i = 5; i >= 1; i--) {
2  console.log(i);
3}
Salida de Consola!:
5
4
3
2
1

En este caso:

• El bucle comienza con i = 5 y se detiene cuando i es menor que 1.
• i-- decrementa i en 1 en cada iteración, imprimiendo los números del 5 al 1.

Uso de for con arrays

El bucle for es muy útil para iterar sobre los elementos de un array.

Ejemplo de bucle for con un array:

 
1let frutas = ["🍎 Manzana", "🍌 Banana", "🍒 Cereza"];
2
3for (let i = 0; i < frutas.length; i++) {
4  console.log(frutas[i]);
5}
Salida de Consola!:
🍎 Manzana
🍌 Banana
🍒 Cereza

En este ejemplo:

• El bucle for recorre cada elemento del array frutas.
• frutas.length devuelve la longitud del array, asegurando que el bucle se ejecute para cada elemento.
• frutas[i] accede a cada elemento del array en la posición i.

Resumen

• for es una estructura de bucle que se usa cuando conoces de antemano cuántas veces debe ejecutarse el código.
• Se compone de tres partes: inicialización, condición, y actualización.
• Es ideal para iterar sobre arrays o realizar acciones repetitivas un número específico de veces.
• Puedes controlar la dirección del bucle, tanto hacia adelante como hacia atrás, modificando la inicialización y la actualización.

El bucle for es una herramienta fundamental en JavaScript para ejecutar código repetitivamente de manera controlada y eficiente.