CodeAventura
JavaScript
▸Bucles▸while y for

Misión

Editor
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
10 / 32while y for
Anterior

while y for

Repetir sin perder la dignidad

Si necesitas hacer algo muchas veces, copiar la misma línea una y otra vez es mala señal.

Los bucles existen para repetir instrucciones con control.

El problema que resuelven

Imagina que quieres mostrar los números del 1 al 5.

Podrías escribir esto:

Funciona, sí. Pero no escala. Si mañana quieres llegar hasta 100, ese enfoque se vuelve incómodo muy rápido.

Un bucle resuelve exactamente eso: repetir una acción sin tener que copiarla una y otra vez.

while: repite mientras algo siga siendo verdad

while funciona como una pregunta que se repite:

¿la condición sigue siendo true?

Si la respuesta es sí, el bloque se ejecuta otra vez.

Aquí hay tres piezas importantes:

  • una variable que controla el recorrido
  • una condición que decide si el bucle sigue
  • una actualización que evita que el bucle sea infinito

Si olvidas cambiar la variable de control, el bucle puede no terminar nunca.

for: la versión compacta

Cuando sabes desde el principio cómo empieza el recorrido, cuál es la condición y cómo se actualiza, for te deja ponerlo todo junto:

Ese encabezado se lee así:

  • empieza en 0
  • sigue mientras i < 3
  • después de cada vuelta, aumenta i

while y for resuelven la misma familia de problemas, pero con estilos distintos:

  • while encaja bien cuando piensas en “mientras ocurra esto”
  • for encaja muy bien cuando piensas en un recorrido con contador

Cómo leer un bucle

Cuando te enfrentes a uno, haz esto:

  1. Identifica la variable que controla el bucle.
  2. Mira la condición que decide si sigue o no.
  3. Busca cómo cambia esa variable en cada vuelta.
  4. Observa qué hace el cuerpo del bucle.

Si entiendes esas cuatro piezas, entiendes el bucle.

Tu desafío 🚀

Crea un bucle que muestre varios números seguidos en consola. Si quieres afianzarlo mejor, prueba primero con while y luego con for para notar la diferencia de estilo.

La automatización empieza cuando dejas de repetir a mano...