Loop através de um array usando JavaScript

Iterar os elementos de um array é uma tarefa comum em JavaScript. Existem diversas abordagens disponíveis, cada uma com seus próprios pontos fortes e limitações. Vamos explorar estas opções:

Arrays

1. Loop for-of (ES2015)

Este loop itera sobre os valores de uma matriz usando um iterador:

const arr = ["a", "b", "c"];
for (const element of arr) {
  console.log(element); // "a", "b", "c"
}

2. forEach

forEach é um método que itera sobre o array e chama uma função para cada elemento:

arr.forEach(element => {
  console.log(element); // "a", "b", "c"
});

3. Loop for simples

Este loop usa uma variável de contador para iterar sobre os elementos da matriz:

for (let i = 0; i 
4. Loop for-in (com salvaguardas)
for-in itera sobre as propriedades de um array, que incluem seus elementos. No entanto, é importante usar salvaguardas para evitar iterações nas propriedades do protótipo:
for (const property in arr) {
  // Check if 'property' is an array element property
  if (arr.hasOwnProperty(property)) {
    console.log(arr[property]); // "a", "b", "c"
  }
}
5. Iterador (ES2015 )
Arrays são objetos iteráveis ​​e fornecem um iterador que pode ser avançado manualmente usando next():
const iterator = arr[Symbol.iterator]();
while (true) {
  const result = iterator.next();
  if (result.done) break;
  console.log(result.value); // "a", "b", "c"
}