Quelles sont les différentes manières de parcourir un tableau JavaScript ?

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. for-of Loop (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 < arr.length; i++) {
  console.log(arr[i]); // "a", "b", "c"
}

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 précautions 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"
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!