Comment puis-je parcourir efficacement des tableaux et des objets de type tableau en JavaScript ?

Parcourir des tableaux en JavaScript

En JavaScript, il existe différentes manières de parcourir les éléments d'un tableau :

En boucle sur l'authentique Tableaux

• Boucle For-of (ES2015) :

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

• forEach (ES5 ):

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

• Boucle For simple :

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

• Pour- dans (avec Sauvegardes) :

for (const propertyName in theArray) {
    if (/*...is an array element property (see below)...*/) {
        const element = theArray[propertyName];
        // Use `element`...
    }
}

Bouclage sur des objets de type tableau

• Boucle For-of (ES2015 ):

for (const element of arrayLike) {
    // Use `element`...
}

• forEach (ES5 ):

arrayLike.forEach(element => {
    // Use `element`...
});

• Simple Boucle For (avec Attention) :

for (let index = 0; index < arrayLike.length; ++index) {
    // Note: `arrayLike.length` may not be reliable.
    if (arrayLike.hasOwnProperty(index)) {
        const element = arrayLike[index];
        // Use `element`...
    }
}

• Array.from et For-of Loop :

const arrayLikeItems = Array.from(arrayLike);
for (const element of arrayLikeItems) {
    // Use `element`...
}

Recommandations

• Pour les tableaux authentiques, utilisez la boucle for-of ou forEach si votre rappel est une simple fonction synchrone.
• Pour les objets de type tableau, utilisez la boucle for-of avec prudence et envisagez d'utiliser Array.from() pour créer d'abord un véritable tableau pour une plus grande fiabilité.

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!