Sobes.tech
Junior

¿Qué ciclos existen en JavaScript y cómo funcionan?

sobes.tech AI

Respuesta de la IA

En JavaScript, existen los siguientes tipos principales de bucles:

  1. for: Ejecuta un bloque de código un número determinado de veces. Se usa cuando se sabe cuántas iteraciones se necesitan. Consta de tres expresiones opcionales: inicialización, condición y expresión final.

    for (let i = 0; i < 5; i++) {
      // Cuerpo del bucle
      console.log(i);
    }
    
  2. while: Ejecuta un bloque de código mientras la condición especificada sea verdadera. Se usa cuando el número de iteraciones no se conoce de antemano.

    let i = 0;
    while (i < 5) {
      // Cuerpo del bucle
      console.log(i);
      i++;
    }
    
  3. do...while: Es similar a while, pero la condición se verifica después de ejecutar el cuerpo del bucle. Garantiza que el cuerpo del bucle se ejecute al menos una vez.

    let i = 0;
    do {
      // Cuerpo del bucle
      console.log(i);
      i++;
    } while (i < 5);
    
  4. for...in: Recorre las propiedades enumerables (enumerable) de un objeto. Itera sobre las claves del objeto.

    const obj = { a: 1, b: 2, c: 3 };
    for (const key in obj) {
      // Trabaja con la clave y el valor: obj[key]
      console.log(`${key}: ${obj[key]}`);
    }
    
  5. for...of: Recorre los valores de objetos iterables (como arrays, cadenas, Map, Set). Itera sobre los valores.

    const arr = [1, 2, 3];
    for (const value of arr) {
      // Trabaja con el valor
      console.log(value);
    }
    
  6. forEach (método de arrays): Ejecuta una función proporcionada una vez por cada elemento del array. No es un ciclo de control tradicional en sintaxis, pero realiza la misma tarea de recorrer elementos.

    const arr = [1, 2, 3];
    arr.forEach(function(value, index, array) {
      // Trabaja con el valor, índice y referencia al array
      console.log(`${index}: ${value}`);
    });