¿Qué tipos de ciclo for conoces en JavaScript?

En JavaScript, existen varias variantes del ciclo for:

• for (clásico): Se usa para iterar sobre un rango numérico o para realizar una acción un número determinado de veces.

  // Iterar sobre un rango numérico
  for (let i = 0; i < 5; i++) {
    console.log(i); // 0, 1, 2, 3, 4
  }
  

• for...in: Recorre las claves (propiedades) de las propiedades enumerables de un objeto (incluyendo propiedades del prototipo). No recomendado para iterar sobre arreglos debido a posibles problemas con el orden y la enumeración de propiedades no numéricas.

  const obj = { a: 1, b: 2, c: 3 };
  for (const key in obj) {
    console.log(`${key}: ${obj[key]}`);
    // a: 1
    // b: 2
    // c: 3
  }
  
  const arr = ['manzana', 'banana', 'naranja'];
  for (const index in arr) {
    console.log(index); // 0, 1, 2 (las claves en este caso son los índices)
  }
  

• for...of: Recorre los valores de objetos iterables, como arreglos, cadenas, Map, Set, TypedArray y argumentos. Se recomienda para iterar sobre arreglos.

  const arr = ['manzana', 'banana', 'naranja'];
  for (const element of arr) {
    console.log(element);
    // manzana
    // banana
    // naranja
  }
  
  const str = "hola";
  for (const char of str) {
    console.log(char);
    // h
    // o
    // l
    // a
  }
  

Tabla comparativa:

Ciclo	Propósito	Elementos a recorrer	Recomendado para
for	Iterar sobre un rango numérico, repetir	Número definido de veces	Bucles generales
for...in	Recorrer claves (propiedades) de objetos enumerables	Claves (propiedades)	Objetos
for...of	Recorrer valores de objetos iterables	Valores	Arreglos, cadenas, Map, Set