Inicio > Cursos > JavaScript > Bucles e Iteraciones
JavaScriptFundamentos de JavaScriptLección 5 de 24

Bucles e Iteraciones

Los bucles permiten ejecutar el mismo bloque de código múltiples veces sin escribirlo repetidamente. Imagina que tienes 1000 usuarios y quieres enviarle un saludo a cada uno: sin bucles tendrías que escribir 1000 líneas, con un bucle son solo 3.

El bucle for es el más clásico: defines un contador, una condición de parada y cómo incrementar el contador. El while repite mientras una condición sea verdadera, sin necesidad de contador. El for...of es el más moderno y limpio para recorrer arrays o listas.

Cuidado con los bucles infinitos: si la condición nunca se vuelve falsa, el bucle no para y el navegador se congela. Siempre verifica que tu condición de parada sea alcanzable. break te permite salir de un bucle antes de tiempo y continue salta a la siguiente iteración.

// for - cuando sabes cuántas veces repetir
for (let i = 0; i < 5; i++) {
  console.log("Iteración:", i); // 0, 1, 2, 3, 4
}

// while - mientras una condición sea verdadera
let contador = 0;
while (contador < 3) {
  console.log("Contador:", contador);
  contador++;
}

// do...while - ejecuta AL MENOS una vez
let input;
do {
  input = prompt("Ingresa un número mayor a 0:");
} while (input <= 0);

// for...of - para iterar arrays (moderno)
const frutas = ["manzana", "pera", "uva"];
for (const fruta of frutas) {
  console.log(fruta);
}

// break y continue
for (let i = 0; i < 10; i++) {
  if (i === 3) continue; // Salta el 3
  if (i === 7) break;    // Para en 7
  console.log(i); // 0,1,2,4,5,6
}
Consejo🔄 for...of es la forma moderna y legible de iterar arrays. for...in es para objetos (propiedades). No los confundas.
← CondicionalesFunciones →

Practica esta lección

Resuelve los ejercicios del curso de JavaScript en la app, gratis y con corrección automática.

Empezar a practicar