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
Freigeben: 2024-12-23 13:44:33
Original
510 Leute haben es durchsucht

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

Schleife über Array-ähnliche Objekte

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

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!

Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage