Wie kann ich in JavaScript über ein Array iterieren?

Schleife (für jeden) über ein Array in JavaScript

Ein Array in JavaScript ist eine geordnete Sammlung von Werten, und Sie können sie mit verschiedenen Methoden durchlaufen. Hier sind die wichtigsten Ansätze:

Speziell für echte Arrays

1. For-of-Schleife (ES2015)

Diese Methode verwendet implizite Iteratoren und ist ideal für einfache, asynchrone Operationen:

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

2. ForEach and Related (ES5)

Diese Methode ruft eine Rückruffunktion für jedes Element im Array auf:

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

3. Einfache For-Schleife

Diese traditionelle Methode bietet direkten Zugriff auf das Element und seinen Index:

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

4. For-in (mit Vorsicht verwenden)

For-in sollte mit Sicherheitsmaßnahmen verwendet werden, um potenzielle Probleme mit geerbten Eigenschaften zu vermeiden:

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

Verallgemeinerung auf Array-ähnliche Objekte

Zusätzlich zu echten Arrays können die Ansätze auf arrayähnliche Objekte wie Argumente, iterierbare Objekte (ES2015), DOM-Sammlungen usw. angewendet werden. und so weiter. Beachten Sie die folgenden Überlegungen:

• Argumentobjekt: Verwenden Sie eine for-of-Schleife oder einen expliziten Iterator, da for-each- und for-Schleifen nicht ordnungsgemäß funktionieren.
• Iterierbare Objekte: Verwenden Sie eine for-of-Schleife oder explizit Iterator.
• DOM-Sammlungen:Verwenden Sie eine for-of-Schleife oder einen expliziten Iterator.

Das obige ist der detaillierte Inhalt vonWie kann ich in JavaScript über ein Array iterieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!