Introducción a los Bucles en JavaScript
Los bucles son esenciales para repetir acciones en programación. Permiten ejecutar el mismo código varias veces, ya sea para iterar sobre una lista de elementos o para realizar operaciones repetitivas.
Los Bucles while y do…while
El bucle while es básico pero poderoso:
let contador = 0;
while (contador < 3) {
console.log(contador);
contador++;
}
Este bucle ejecuta su cuerpo mientras la condición sea verdadera. Cada repetición se conoce como una iteración. Es crucial asegurarse de que la condición se vuelva falsa eventualmente para evitar bucles infinitos.
El bucle do…while es similar pero garantiza al menos una ejecución:
let contador = 0;
do {
console.log(contador);
contador++;
} while (contador < 3);
Aquí, el cuerpo del bucle se ejecuta primero y luego se verifica la condición. Esto es útil cuando se necesita al menos una ejecución del bucle antes de evaluar la condición.
El Versátil Bucle for
El bucle for es más complejo pero muy útil para iterar sobre rangos o colecciones:
for (let i = 0; i < 3; i++) {
console.log(i);
}
Cada parte del bucle for tiene un propósito específico:
- Inicio:
let i = 0;
se ejecuta una vez antes del bucle. - Condición:
i < 3;
se verifica antes de cada iteración para decidir si continuar. - Paso:
i++
se ejecuta después de cada iteración.
Este tipo de bucle es ideal cuando sabemos cuántas veces queremos repetir una acción.
Otras Consideraciones
Podemos omitir partes del bucle for si no son necesarias:
let i = 0;
for (; i < 3;) {
console.log(i);
i++;
}
Incluso podemos crear bucles infinitos con for (;;)
aunque se debe tener precaución y asegurarse de tener una condición de salida.
Rompiendo y Continuando
Para salir de un bucle antes de que la condición sea falsa, usamos break
:
let sumatoria = 0;
while (true) {
let valor = +prompt("Ingrese un número", '');
if (!valor) break;
sumatoria += valor;
}
console.log('La suma es: ' + sumatoria);
El break
interrumpe la ejecución del bucle y pasa al código después del bucle.
Para saltar a la siguiente iteración sin terminar el bucle, usamos continue
:
for (let i = 0; i < 10; i++) {
if (i % 2 === 0) continue;
console.log(i);
}
Esto omitirá los números pares y solo imprimirá los impares.
Etiquetas para Control de Flujo
Las etiquetas permiten controlar bucles anidados desde el exterior:
outerLoop:
for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
let input = prompt(`Ingrese el valor en (${i},${j})`, '');
if (!input) break outerLoop;
}
}
console.log('Listo!');
La etiqueta outerLoop
permite salir de ambos bucles desde el interior más profundo.
Conclusión
Los bucles son fundamentales para la programación repetitiva en JavaScript. Saber usar while, do…while y for nos da flexibilidad para manejar diferentes tipos de iteraciones y controlar el flujo del programa de manera eficiente.