Skip to content
Alebat

Control de Flujo en JavaScript

Los bucles y las iteraciones son herramientas fundamentales en JavaScript para automatizar tareas repetitivas. Permiten ejecutar un bloque de código varias veces, ya sea un número definido de veces o hasta que se cumpla una condición.

1. Conceptos Básicos

  • Bucle (loop): Una estructura de control que repite un bloque de código hasta que se cumpla una condición o se alcance un número determinado de iteraciones.
  • Iteración: Cada ejecución del bloque de código dentro del bucle.

Componentes de un bucle:

  • Condición: Una expresión booleana que determina si el bucle continúa ejecutándose.
  • Cuerpo del bucle: El bloque de código que se ejecuta en cada iteración.
  • Inicialización: Una expresión opcional que se ejecuta antes de la primera iteración (comúnmente usada para inicializar variables de control).
  • Actualización: Una expresión opcional que se ejecuta al final de cada iteración (comúnmente usada para actualizar variables de control).

2. Tipos de Bucles en JavaScript

JavaScript proporciona varios tipos de bucles para diferentes situaciones:

a) Bucle for

  • Se utiliza cuando se conoce el número exacto de iteraciones necesario.
  • Sintaxis:
for (inicializacion; condicion; actualizacion) {
  // Cuerpo del bucle
}
  • Ejemplo: Imprimir los números del 1 al 5.
for (let i = 1; i <= 5; i++) {
  console.log(i);
}

b) Bucle while

  • Se ejecuta repetidamente mientras la condición sea verdadera.
  • Sintaxis:
while (condicion) {
  // Cuerpo del bucle
}
  • Ejemplo: Leer números del usuario hasta que ingrese un número negativo.
let numero;
while (numero >= 0) {
  numero = parseInt(prompt("Ingrese un número: "));
  if (numero >= 0) {
    console.log("Ingresaste:", numero);
  }
}

c) Bucle do-while

  • Similar al bucle while, pero el cuerpo del bucle se ejecuta al menos una vez, independientemente de la condición inicial.
  • Sintaxis:
do {
  // Cuerpo del bucle
} while (condicion);

d) Bucle for…of

  • Se utiliza para iterar sobre elementos de objetos iterables (ej. arrays, strings).
  • Sintaxis:
for (elemento of iterable) {
  // Cuerpo del bucle
}
  • Ejemplo: Recorrer los elementos de un array.
const frutas = ["Manzana", " Pera", " Naranja"];
for (const fruta of frutas) {
  console.log(fruta);
}

e) Bucle for…in

  • Se utiliza para iterar sobre las propiedades enumerables de un objeto.
  • Sintaxis:
for (propiedad in objeto) {
  // Cuerpo del bucle
}
  • Precaución: Este bucle no itera sobre el orden de creación de las propiedades, ni sobre las propiedades heredadas. Se recomienda usar métodos específicos para objetos cuando sea posible.

3. Elegir el Bucle Adecuado

La elección del bucle adecuado depende de la situación:

  • Si se conoce el número exacto de iteraciones, usar for.
  • Si se desconoce el número de iteraciones pero se tiene una condición de parada, usar while o do-while.
  • Para iterar sobre elementos de arrays o strings, usar for...of.
  • Para iterar sobre propiedades de objetos (con precaución), usar for...in.

4. Recursos adicionales