Curso de JavaScript
Dale vida a la web.
Aprende a programar, crea interacciones y construye proyectos reales.
Los bucles repiten un bloque de código varias veces sin que tengas que copiar y pegar la misma línea. for y while son las dos formas más comunes de lograrlo.
Explicación
Los bucles repiten un bloque de código mientras se cumpla una condición:
for (inicio; condición; paso) {...}Repite el bloque mientras la condición sea true; inicio se ejecuta una vez al empezar, y paso después de cada vuelta (por ejemplo, i++).
while (condición) {...}Repite el bloque mientras la condición sea true, revisándola antes de cada vuelta. Tú controlas manualmente cuándo cambia esa condición dentro del bloque.
contador++ / contador--Formas cortas de incrementar o disminuir una variable en 1 en cada vuelta del bucle.
breakCorta el bucle por completo antes de que termine, sin esperar a que la condición sea false.
Reto rápido
Cambia el rango del for para que sume del 1 al 10, y ajusta el contador inicial del while a 5.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Usa for cuando sepas de antemano cuántas veces quieres repetir algo (o tengas un array para recorrer), y while cuando la repetición dependa de una condición que puede cambiar de forma menos predecible.
Dato extra
También existe do...while, que ejecuta el bloque al menos una vez antes de revisar la condición: es poco común, pero útil cuando necesitas garantizar que algo corra mínimo una vez.
Error común
Olvidar actualizar la variable que controla la condición del while (por ejemplo, no escribir contador--): la condición nunca se vuelve false y el bucle se repite para siempre, congelando la página (bucle infinito).
Siguiente paso
Ya sabes repetir código con bucles y decidir caminos con condicionales. En el siguiente módulo vas a empaquetar toda esta lógica dentro de funciones reutilizables.
Ir a la siguiente lección