Sección 6: Los bucles "for"

Programar es genial ya que nos permite automatizar tareas repetitivas, como por ejemplo, escribir lo mismo una y otra vez. En JavaScript, un bucle "for" hace esto. Básicamente los bucles "for" nos permite llevar a cabo la misma operación un número dado de veces, cada vez con un valor diferente.

Un bucle "for" tiene la siguiente sintaxis:

for (declaración 1; declaración 2; declaración 3) {
  // código a ejecutar
}

La declaración 1 define una variable para el bucle. Normalmente es un número que se incrementará cada vez que el bucle termine. Esto nos permite saber dónde estamos en cada iteración. Se puede asignar cualquier número a esta variable, pero normalmente se empieza por 0.

var i = 0;

La declaración 2 define cuántas veces el bucle va a iterar. Normalmente se usan los operadores 'menor que' (<) o 'menor o igual a' (<=) para asignar el número iteraciones.

i < 10;

La declaración 3 define por cuánto hay que incrementar el valor de la variable i cada vez. Si solo lo quieres incrementar por uno, puedes poner i++ (esta sintaxis es igual que escribir i = i + 1), o puedes incrementarlo por otros números así:

i += 2; // esto es igual a i = i + 2

Dentro de las llaves ponemos el código que quieres que se ejecute cada vez que el bucle itera. Puedes referirte/llamar a la variable i en el código que se pone dentro de las llaves.

Pruébalo

Aquí tienes un ejemplo de un bucle "for" que imprime los números del 1 al 10:

for (var i = 1; i <= 10; i++) {
  console.log(i);
}

Fíjate que se asigna el número 1 a la variable i ya que queremos empezar a contar desde 1. La longitud del bucle se define como menor que o igual a 10 debido a que queremos que el bucle termine cuando alcance ese número. También estamos incrementando el valor de i mas uno en cada vuelta.

Mini reto

Escribe un bucle "for" que itera de 0 a 100, imprimiendo solo los números pares (incluyendo 0). Debe devolver 0, 2, 4, 6, 8, 10....