Ciclos en JavaScript

6.1 Ciclo while

Los ciclos en JavaScript te permiten ejecutar un bloque de código repetidamente mientras se cumpla una condición determinada. Esto es una parte fundamental de la programación que ayuda a automatizar tareas repetitivas.

El ciclo while ejecuta un bloque de código mientras la condición es verdadera (true).

Sintaxis:

    
      while (condition) {
        // código que se ejecutará mientras la condición sea verdadera
      }
    
  

Ejemplo:

    
      let i = 0;
      while (i < 5) {
        console.log(`Iteración número ${i}`);
        i++;
      }

      // Salida:
      // Iteración número 0
      // Iteración número 1
      // Iteración número 2
      // Iteración número 3
      // Iteración número 4
    
  

En este ejemplo:

• El ciclo continúa ejecutándose mientras el valor de i sea menor que 5
• Dentro del ciclo, el valor de i se incrementa en 1 después de cada iteración

6.2 Ejecutamos un bloque de código n veces

Muy a menudo surge la situación en la que necesitas ejecutar un bloque de código un número fijo de veces. Este código se puede expresar como un ciclo while:

    
      let i = 0;
      while (i < 5) {
        console.log(`Iteración número ${i}`);
        i++;
      }
    
  

De forma general, se verá así:

    
      inicialización
      while (condición) {
        bloque de código
        paso
      }
    
  

6.3 Ciclo for

Ciclo for

El ciclo for es uno de los ciclos más utilizados en JavaScript. Está diseñado específicamente para repetir un bloque de código un número determinado de veces.

Sintaxis:

    
      for (inicialización; condición; paso) {
        // código que se ejecutará en cada iteración
      }
    
  

Ejemplo:

    
      for (let i = 0; i < 5; i++) {
        console.log(`Iteración número ${i}`);
      }
      // Salida:
      // Iteración número 0
      // Iteración número 1
      // Iteración número 2
      // Iteración número 3
      // Iteración número 4
    
  

Explicación:

• let i = 0 — inicialización de la variable i, que será el contador de iteraciones
• i < 5 — condición bajo la cual el ciclo continuará ejecutándose. El ciclo se detendrá cuando i sea igual a 5
• i++ — paso que se ejecuta después de cada iteración, incrementando el valor de i en 1

6.4 Ciclo do...while

El ciclo do...while es similar al ciclo while, pero con la diferencia de que el bloque de código se ejecuta al menos una vez antes de verificar la condición.

Sintaxis:

    
      do {
        // código que se ejecutará al menos una vez
      } while (condición);
    
  

Ejemplo:

    
      let i = 0;
      do {
        console.log(`Iteración número ${i}`);
        i++;
      } while (i < 5);

      // Salida:
      // Iteración número 0
      // Iteración número 1
      // Iteración número 2
      // Iteración número 3
      // Iteración número 4
    
  

En este ejemplo:

• El bloque de código dentro de do se ejecutará al menos una vez, incluso si la condición es falsa desde el principio
• Después de ejecutar el bloque de código, se verifica la condición, y si es verdadera, el ciclo continúa

6.5 Comparación de ciclos

Ejemplos de uso de ciclos

Recorrido de un array con un for:

    
      let array = [1, 2, 3, 4, 5];
      for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
      }

      // Salida: 1 2 3 4 5
    
  

Uso de while para esperar una condición:

    
      let n = 0;
      let x = 0;
      while (n < 3) {
        n++;
        x += n;
      }

      console.log(x); // 6 (1 + 2 + 3)
    
  

Uso de do-while para ejecutar al menos una iteración:

    
      let i = 0;

      do {
        console.log(i);
        i++;
      } while (i < 0);

      // Salida: 0 (ciclo ejecutado una vez a pesar de la condición falsa)