Heim >Web-Frontend >js-Tutorial >Wie kann ich Arrays und Array-ähnliche Objekte in JavaScript effizient durchlaufen?

Wie kann ich Arrays und Array-ähnliche Objekte in JavaScript effizient durchlaufen?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-23 13:44:33476Durchsuche

How Can I Efficiently Iterate Through Arrays and Array-like Objects in JavaScript?

Durchlaufen von Arrays in JavaScript

In JavaScript gibt es verschiedene Möglichkeiten, die Elemente eines Arrays zu durchlaufen:

Überprüfe Original Arrays

  • For-of-Schleife (ES2015):
for (const element of theArray) {
    // Use `element`...
}
  • forEach (ES5 ):
theArray.forEach(element => {
    // Use `element`...
});
  • Einfache For-Schleife:
for (let index = 0; index < theArray.length; ++index) {
    const element = theArray[index];
    // Use `element`...
}
  • For- in (mit Schutzmaßnahmen):
for (const propertyName in theArray) {
    if (/*...is an array element property (see below)...*/) {
        const element = theArray[propertyName];
        // Use `element`...
    }
}

Schleife über Array-ähnliche Objekte

  • For-of-Schleife (ES2015 ):
for (const element of arrayLike) {
    // Use `element`...
}
  • forEach (ES5 ):
arrayLike.forEach(element => {
    // Use `element`...
});
  • Einfach For-Schleife (mit Achtung):
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 und For-of Loop:
const arrayLikeItems = Array.from(arrayLike);
for (const element of arrayLikeItems) {
    // Use `element`...
}

Empfehlungen

  • Verwenden Sie für echte Arrays die for-of-Schleife oder forEach, wenn Ihr Rückruf eine einfache synchrone Funktion ist.
  • Verwenden Sie bei Array-ähnlichen Objekten die for-of-Schleife mit Vorsicht und erwägen Sie die Verwendung von Array.from(), um zunächst ein echtes Array zu erstellen, um die Zuverlässigkeit zu erhöhen.

Das obige ist der detaillierte Inhalt vonWie kann ich Arrays und Array-ähnliche Objekte in JavaScript effizient durchlaufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn