Quelles sont les meilleures façons d'itérer sur des tableaux en JavaScript ?

Bouclage sur des tableaux en JavaScript

Introduction

JavaScript propose diverses techniques pour parcourir les éléments dans un tableau. Cet article explore les options disponibles pour parcourir des tableaux et des objets de type tableau.

Pour les tableaux réels

1. Boucle for-of (ES2015)

La boucle for-of parcourt les valeurs d'un tableau à l'aide d'un itérateur implicite.

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

2. forEach and Related (ES5 )

forEach est une méthode polyvalente qui appelle une fonction de rappel pour chaque élément d'un tableau. Il prend en charge l'interruption et la poursuite des opérations avec certaines méthodes associées.

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

3. Boucle for simple

Cette boucle for traditionnelle parcourt chaque index du tableau.

for (let i = 0; i < a.length; i++) {
    const element = a[i];
    console.log(element); // a, b, c
}

4. Boucle for-in (avec prudence)

La boucle for-in parcourt les propriétés d'un tableau, y compris celles héritées. Pour éviter tout comportement involontaire, utilisez des mesures de protection pour vous assurer que vous parcourez uniquement les éléments du tableau.

for (const propertyName in a) {
    if (a.hasOwnProperty(propertyName)) {
        const element = a[propertyName];
        console.log(element); // a, b, c
    }
}

5. Itérateur (ES2015)

L'utilisation explicite d'un itérateur permet un contrôle précis du processus d'itération.

const iter = a[Symbol.iterator]();
for (let element of iter) {
    console.log(element); // 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!