preloader

Introducción a los Bucles en JavaScript

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.

Related Post

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *