De combien de façons existe-t-il de parcourir un tableau JavaScript ?

Bouclage dans un tableau en JavaScript

Les tableaux JavaScript offrent plusieurs façons de parcourir leurs éléments. Parmi ces méthodes figurent la boucle for-of, forEach, la boucle for traditionnelle, la boucle for-in avec des garanties appropriées et les itérateurs.

Véritables tableaux

• For-of Loop (ES2015) :
  Itère sur les éléments d'un tableau directement à l'aide d'un itérateur implicite, ce qui en fait l'option la plus simple et la plus asynchrone :

  for (const element of theArray) {
    // ...use `element`...
  }

• forEach (ES5) :
  Un rappel basé sur méthode pour itérer sur les éléments du tableau. Bien qu'il ne soit pas compatible asynchrone, il propose des méthodes familiales comme some and each qui peuvent être utiles :

  theArray.forEach(element => {
    // ...use `element`...
  });

• For Loop :
  Une structure de boucle classique pour traverser des tableaux, fournissant convivialité asynchrone :

  for (let index = 0; index < theArray.length; ++index) {
    const element = theArray[index];
    // ...use `element`...
  }

• Boucle For-in (avec sauvegardes) :
  Itère sur les indices de tableau (pas les éléments) et sur tout élément non- noms de propriétés hérités et non symboliques de l'objet tableau lui-même, ce qui peut provoquer un comportement inattendu. À utiliser avec prudence :

  for (const propertyName in theArray) {
    if (/^\d+$/.test(propertyName)) {
        const element = theArray[propertyName];
        // ...use `element`...
    }
  }

• Itérateur explicite (ES2015) :
  Utilise l'interface Symbol.iterator pour créer explicitement un itérateur. Cependant, cette méthode est moins couramment utilisée :

  const iterator = theArray[Symbol.iterator]();
  while (true) {
    const result = iterator.next();
    if (result.done) break;
  
    const element = result.value;
    // ...use `element`...
  }

Objets de type tableau

Itérer sur des objets de type tableau nécessite de prendre en compte leur nature non-tableau, comme l'objet arguments ou l'objet arguments de Node.js. Ceux-ci n'ont pas de propriété itérateur, des techniques d'itération spécifiques peuvent donc être nécessaires en fonction de l'objet.

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!