Teoría: Bucle for

A veces, cuando programamos, necesitamos repetir algo varias veces: mostrar una animación, recorrer los nombres de una lista o construir una palabra letra por letra. Para eso usamos bucles.

En esta lección aprenderás a usar el bucle for, ideal cuando sabemos cuántas veces hay que repetir algo.

¿Cuándo usar for y cuándo while?

Imagina dos situaciones:

• Estás buscando una contraseña correcta. No sabes cuántas veces vas a intentar → while.
• Estás recorriendo las letras de una palabra, y sabes cuántas tiene → for.

Resumiendo:

Estructura del bucle for

El bucle for tiene tres partes:

for (inicio; condición; actualización) {
  // código que se repite
}

Por ejemplo:

for (let i = 0; i < 5; i++) {
  console.log(i);
}

Esto imprimirá:

0
1
2
3
4

❓ ¿Qué significa cada parte?

Ejemplo: invertir una palabra

Supón que el usuario escribe su nombre en un formulario y tú quieres mostrarlo al revés como efecto divertido.

const reverseString = (str) => {
  let result = '';

  for (let i = 0; i < str.length; i++) {
    result = str[i] + result;
  }

  return result;
};

console.log(reverseString("hola")); // → 'aloh'

❓ ¿Qué hace el código?

1. Empezamos con una cadena vacía result.
2. Recorremos letra por letra desde el principio.
3. En cada paso, ponemos la letra al inicio de result.
4. Así construimos la palabra al revés.

¿Se puede crear un for infinito? ♾️

Sí. Si omites la condición del for, el bucle no sabe cuándo detenerse. Pero puedes controlarlo tú con un break:

let i = 1;

for (;;) {
  console.log(i);
  i++;

  if (i > 5) {
    break;
  }
}

🔁 Este bucle imprimirá del 1 al 5, aunque técnicamente es "infinito".

¿Dónde se usa for?

• Para recorrer listas: usuarios, productos, tareas...
• Para repetir un efecto visual o animación.
• Para construir cadenas paso a paso (como una contraseña).
• En juegos, para contar turnos o ciclos.

Con esta herramienta, puedes hacer que tu código sea más eficiente cuando necesites repetir procesos predecibles. ¡Sigue practicando para dominarlo!