Loop for...of

O loop for...of fornece uma maneira simples de iterar sobre os valores de objetos iteráveis, como arrays, strings, maps, sets e muito mais. Ele combina a concisão do forEach com a capacidade de usar break e continue.

Aqui está a sintaxe básica de um loop for...of:

for (const element of iterable) {
    // Código a ser executado para cada elemento
}

• element: A cada iteração, o próximo valor do objeto iterável é atribuído a esta variável.
• iterable: O objeto cujos elementos estão sendo iterados (por exemplo, um array ou uma string).

Aqui está um exemplo com um array:

const fruits = ["apple", "banana", "orange"];

for (const fruit of fruits) {
    console.log(fruit);
}

Saída:

apple
banana
orange

Aqui está outro exemplo com uma string:

const text = "hello";

for (const char of text) {
    console.log(char);
}

Saída:

h
e
l
l
o

Comparado aos tradicionais loops for ou ao método forEach, o for...of oferece uma sintaxe mais direta para muitos casos de uso comuns, especialmente quando você não precisa do índice de cada elemento.