Comment puis-je parcourir un tableau en JavaScript ?

Boucle (pour chacun) sur un tableau en JavaScript

Un tableau en JavaScript est une collection ordonnée de valeurs, et vous pouvez les parcourir en utilisant différentes méthodes. Voici les approches clés :

Spécifique aux tableaux authentiques

1. For-of Loop (ES2015)

Cette méthode utilise des itérateurs implicites et est idéale pour les opérations simples et asynchrones :

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

2. ForEach and Related (ES5 )

Cette méthode appelle une fonction de rappel pour chaque élément du tableau :

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

3. Simple For Loop

Cette méthode traditionnelle permet d'accéder directement à l'élément et à son index :

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

4. For-in (à utiliser avec prudence)

For-in doit être utilisé avec des mesures de protection pour éviter les problèmes potentiels liés aux propriétés héritées :

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

Généralisation aux objets de type tableau

En plus des véritables tableaux, les approches peuvent être appliquées à des objets de type tableau tels que des arguments, des objets itérables (ES2015), des collections DOM, etc. Gardez à l'esprit les considérations suivantes :

• Objet Arguments : Utilisez une boucle for-of ou un itérateur explicite, car les boucles for-each et for ne fonctionneront pas correctement.
• Objets itérables : Utilisez une boucle for-of ou explicite itérateur.
• Collections DOM : Utilisez une boucle for-of ou un itérateur explicite.

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!