Parcourir un tableau à l'aide de JavaScript

Itérer à travers les éléments d'un tableau est une tâche courante en JavaScript. Il existe plusieurs approches disponibles, chacune avec ses propres forces et limites. Explorons ces options :

Tableaux

1. boucle for-of (ES2015)

Cette boucle parcourt les valeurs d'un tableau à l'aide d'un itérateur :

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

2. forEach

forEach est une méthode qui parcourt le tableau et appelle une fonction pour chaque élément :

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

3. Boucle for simple

Cette boucle utilise une variable de compteur pour parcourir les éléments du tableau :

for (let i = 0; i 
4. Boucle for-in (avec sauvegardes)
for-in parcourt les propriétés d'un tableau, qui incluent ses éléments. Cependant, il est important d'utiliser des mesures de protection pour éviter de parcourir les propriétés du prototype :
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. Itérateur (ES2015)
Les tableaux sont des objets itérables et fournissent un itérateur qui peut être avancé manuellement à l'aide de next() :
const iterator = arr[Symbol.iterator]();
while (true) {
  const result = iterator.next();
  if (result.done) break;
  console.log(result.value); // "a", "b", "c"
}