Operador of em loops


O for of é uma estrutura de repetição específica do JavaScript, projetada para iterar sobre objetos iteráveis, ou seja, objetos que possuem índices, como strings e arrays. Ao contrário do for in, no qual a variável de controle do loop armazena o índice, o for of armazena diretamente o valor retornado na iteração.

Exemplo

Forma Tradicional

const nome = "Luiz Otávio";
 
for (let i = 0; i < nome.length; i++) {
  console.log(nome[i]);
}
const nome = "Luiz Otávio";
 
for (let i in nome) {
  console.log(nome[i]);
}

Operador of

const nome = "Luiz Otávio";
 
for (let letra of nome) {
  console.log(letra);
}
const nomes = ["Luiz", "Otávio", "Henrique"];
 
for (let nome of nomes) {
  console.log(nome);
}
 
/*
Luiz
Otávio
Henrique

Referências