Repetições com `for...of` no JavaScript

O comando for...of é usado para iterar sobre elementos de objetos iteráveis, como arrays, strings, ou outros iteráveis no JavaScript.

Sintaxe básica

A sintaxe básica do for...of é a seguinte:

for (variavel of iteravel) {
    // Código executado para cada elemento
}

Exemplo:

let numeros = [1, 2, 3, 4, 5]

for (let numero of numeros) {
    console.log(numero)
}

Saída:

1
2
3
4
5

Iterando sobre strings

Você pode usar for...of para iterar sobre cada caractere de uma string.

Exemplo:

let palavra = "JavaScript"

for (let letra of palavra) {
    console.log(letra)
}

Saída:

J
a
v
a
S
c
r
i
p
t

Exemplos de cenários reais

Somar números de um array

let numeros = [10, 20, 30]
let soma = 0

for (let numero of numeros) {
    soma += numero
}

console.log("Soma:", soma)

Saída:

Soma: 60

Verificar elementos em um array

let frutas = ["maçã", "banana", "laranja"]

for (let fruta of frutas) {
    console.log("Eu gosto de", fruta)
}

Saída:

Eu gosto de maçã
Eu gosto de banana
Eu gosto de laranja

Dicas práticas

1. Use for...of para iterar sobre arrays ou strings de forma simples.
2. Para objetos, use for...in ou métodos como Object.keys().

O for...of é uma ferramenta poderosa para trabalhar com iteráveis. Experimente usá-lo para simplificar seus loops!