Que tipos de ciclo for conhece em JavaScript?

No JavaScript, existem várias variantes do ciclo for:

• for (clássico): Utilizado para iterar sobre um intervalo numérico ou para executar uma ação um número determinado de vezes.

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

• for...in: Percorre as chaves (propriedades) das propriedades enumeráveis de um objeto (incluindo propriedades do protótipo). Não recomendado para iterar sobre arrays devido a possíveis problemas com a ordem e a enumeração de propriedades não 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 = ['maçã', 'banana', 'laranja'];
  for (const index in arr) {
    console.log(index); // 0, 1, 2 (as chaves neste caso são os índices)
  }
  

• for...of: Percorre os valores de objetos iteráveis, como arrays, strings, Map, Set, TypedArray e argumentos. Recomendado para iterar sobre arrays.

  const arr = ['maçã', 'banana', 'laranja'];
  for (const element of arr) {
    console.log(element);
    // maçã
    // banana
    // laranja
  }
  
  const str = "olá";
  for (const char of str) {
    console.log(char);
    // o
    // l
    // á
  }
  

Tabela comparativa:

Ciclo	Propósito	Elementos a percorrer	Recomendado para
for	Iterar sobre um intervalo numérico, repetir	Número definido de vezes	Laços gerais
for...in	Percorrer chaves (propriedades) de objetos enumeráveis	Chaves (propriedades)	Objetos
for...of	Percorrer valores de objetos iteráveis	Valores	Arrays, strings, Map, Set