Bucles y repetición: evitar trabajo repetido con `for` y `while`

Aprende a repetir tareas de forma controlada con `for` y `while`, entendiendo qué se repite, cuándo se detiene y cómo seguir el estado en cada iteración.

Hasta ahora has hecho que el programa decida entre caminos. El siguiente paso es hacer que repita una acción varias veces sin escribir el mismo bloque una y otra vez.

Ahí entran los bucles: estructuras que repiten una secuencia mientras haya una regla clara de control.

Esta lección es importante porque aquí empiezas a automatizar tareas repetitivas de verdad, como contar, acumular o recorrer una secuencia simple.

Objetivo medible: usar `for` y `while` en casos básicos, explicar cuándo se detiene el bucle y seguir el valor que cambia en cada iteración.

  • Un bucle evita copiar la misma acción varias veces cuando lo único que cambia es el estado de cada repetición.
  • Si quieres mostrar los números del 1 al 5, podrías escribir cinco `console.log()`. Pero eso no escala ni enseña al programa a repetir con criterio.
  • Un bucle resuelve ese problema: define una repetición, un control y un final. Así el programa sabe cuántas veces debe volver a ejecutar el mismo bloque.
  • Hay una acción que se repite.
  • Hay una condición o límite que controla la repetición.

Por qué existen los bucles

Un bucle evita copiar la misma acción varias veces cuando lo único que cambia es el estado de cada repetición.

Si quieres mostrar los números del 1 al 5, podrías escribir cinco `console.log()`. Pero eso no escala ni enseña al programa a repetir con criterio.

Un bucle resuelve ese problema: define una repetición, un control y un final. Así el programa sabe cuántas veces debe volver a ejecutar el mismo bloque.

  • Hay una acción que se repite.
  • Hay una condición o límite que controla la repetición.
  • En cada vuelta suele cambiar algún valor.

Bucle `for`: cuando sabes cuántas veces quieres repetir

El `for` encaja muy bien cuando tienes un contador claro o un número de repeticiones previsto.

Aquí `i` es una variable de control. Empieza en 1, sigue mientras sea menor o igual que 5 y aumenta una unidad en cada vuelta.

El punto importante no es memorizar la forma completa del `for`, sino entender qué parte inicia, cuál comprueba y cuál actualiza.

  • Inicio: dónde arranca el contador.
  • Condición: hasta cuándo se repite.
  • Actualización: cómo cambia en cada iteración.

Bucle `while`: cuando repites mientras una condición siga siendo cierta

El `while` es útil cuando la repetición depende más de una condición que de un número fijo de vueltas.

En este caso el programa sigue entrando al bloque mientras la condición siga dando `true`.

La actualización del estado ocurre dentro del bloque, así que aquí es todavía más importante no olvidar cambiar la variable de control.

Casos reales donde un bucle ahorra tiempo de verdad

Los bucles no son ejercicios de laboratorio: aparecen en tareas muy normales del trabajo técnico.

Errores y trucos al empezar con bucles

El fallo típico no es que el bucle exista, sino perder de vista qué hace que avance y qué hace que termine.

  • Olvidar actualizar la variable de control.
  • Escribir una condición que nunca deja de cumplirse.
  • No imprimir el contador para seguir la iteración.
  • No probar con un rango pequeño antes de generalizar.
Fundamentos de Programación
08

Bucles y repetición: evitar trabajo repetido con `for` y `while`

Aprende a repetir tareas de forma controlada con `for` y `while`, entendiendo qué se repite, cuándo se detiene y cómo seguir el estado en cada iteración.

Código del tema: for (let i = 0; i < 5; i++) {

📘 Teoría

Por qué existen los bucles

Un bucle evita copiar la misma acción varias veces cuando lo único que cambia es el estado de cada repetición.

Si quieres mostrar los números del 1 al 5, podrías escribir cinco `console.log()`. Pero eso no escala ni enseña al programa a repetir con criterio.

Un bucle resuelve ese problema: define una repetición, un control y un final. Así el programa sabe cuántas veces debe volver a ejecutar el mismo bloque.

  • Hay una acción que se repite.
  • Hay una condición o límite que controla la repetición.
  • En cada vuelta suele cambiar algún valor.

Bucle `for`: cuando sabes cuántas veces quieres repetir

El `for` encaja muy bien cuando tienes un contador claro o un número de repeticiones previsto.

Aquí `i` es una variable de control. Empieza en 1, sigue mientras sea menor o igual que 5 y aumenta una unidad en cada vuelta.

El punto importante no es memorizar la forma completa del `for`, sino entender qué parte inicia, cuál comprueba y cuál actualiza.

  • Inicio: dónde arranca el contador.
  • Condición: hasta cuándo se repite.
  • Actualización: cómo cambia en cada iteración.
Contar del 1 al 5
for (let i = 1; i <= 5; i++) {
  console.log('Número:', i);
}

Bucle `while`: cuando repites mientras una condición siga siendo cierta

El `while` es útil cuando la repetición depende más de una condición que de un número fijo de vueltas.

1

En este caso el programa sigue entrando al bloque mientras la condición siga dando `true`.

2

La actualización del estado ocurre dentro del bloque, así que aquí es todavía más importante no olvidar cambiar la variable de control.

Contador con while
let intentos = 1;

while (intentos <= 3) {
  console.log('Intento:', intentos);
  intentos = intentos + 1;
}

Casos reales donde un bucle ahorra tiempo de verdad

Los bucles no son ejercicios de laboratorio: aparecen en tareas muy normales del trabajo técnico.

1

Contar

Mostrar posiciones, turnos o repeticiones.

2

Acumular

Sumar importes, puntos o resultados parciales.

3

Recorrer

Leer una lista simple de datos uno por uno.

4

Repetir intentos

Controlar cuántas veces se prueba una acción antes de detenerse.

Errores y trucos al empezar con bucles

El fallo típico no es que el bucle exista, sino perder de vista qué hace que avance y qué hace que termine.

  • Olvidar actualizar la variable de control.
  • Escribir una condición que nunca deja de cumplirse.
  • No imprimir el contador para seguir la iteración.
  • No probar con un rango pequeño antes de generalizar.

🧭 Visuales clave

Flujo básico de iteración controlada

Sirve para visualizar que un bucle no es magia: repite un bloque siguiendo un control de estado y una condición de parada.

Diagrama didáctico que muestra un bucle como un ciclo de iniciar, comprobar, ejecutar, actualizar y volver a comprobar hasta detenerse.

🧪 Aprende probando

Ejemplo Ejemplo guiado: mostrar una cuenta atrás Usa un `for` para repetir una salida con un contador claro.
Ejemplo Ejemplo guiado: repetir tres intentos Usa `while` para repetir una acción mientras una condición siga cumpliéndose.

🏁 Retos

Reto Reto: imprime del 1 al 4 sin repetir líneas manualmente Crea un bucle que muestre cuatro valores seguidos con un único bloque de repetición.

🧰 Recursos

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .