Heim > Web-Frontend > js-Tutorial > Wie viele Möglichkeiten gibt es, ein JavaScript-Array zu durchlaufen?

Wie viele Möglichkeiten gibt es, ein JavaScript-Array zu durchlaufen?

Linda Hamilton
Freigeben: 2024-12-28 13:45:11
Original
167 Leute haben es durchsucht

How Many Ways Are There to Loop Through a JavaScript Array?

Durchlaufen eines Arrays in JavaScript

JavaScript-Arrays bieten mehrere Möglichkeiten, ihre Elemente zu durchlaufen. Zu diesen Methoden gehören die for-of-Schleife, forEach, die traditionelle for-Schleife, die for-in-Schleife mit geeigneten Sicherheitsmaßnahmen und Iteratoren.

Echte Arrays

  • For-of-Schleife (ES2015):
    Iteriert über Elemente eines Arrays direkt unter Verwendung eines impliziten Iterators, was es zur einfachsten und asynchron-freundlichsten Option macht:

    for (const element of theArray) {
      // ...use `element`...
    }
    Nach dem Login kopieren
  • forEach (ES5):
    Eine rückrufbasierte Methode zum Durchlaufen von Array-Elementen. Obwohl es nicht asynchron-freundlich ist, verfügt es über Familienmethoden wie einige und alle, die nützlich sein können:

    theArray.forEach(element => {
      // ...use `element`...
    });
    Nach dem Login kopieren
  • For-Schleife:
    Eine klassische Schleifenstruktur zum Durchlaufen von Arrays, Bereitstellung Asynchronfreundlichkeit:

    for (let index = 0; index < theArray.length; ++index) {
      const element = theArray[index];
      // ...use `element`...
    }
    Nach dem Login kopieren
  • For-in-Schleife (mit Sicherheitsmaßnahmen):
    Iteriert über beide Array-Indizes (keine Elemente) und alle Nicht- geerbte, nicht symbolische Eigenschaftsnamen des Array-Objekts selbst, was zu unerwartetem Verhalten führen kann. Mit Vorsicht verwenden:

    for (const propertyName in theArray) {
      if (/^\d+$/.test(propertyName)) {
          const element = theArray[propertyName];
          // ...use `element`...
      }
    }
    Nach dem Login kopieren
  • Expliziter Iterator (ES2015):
    Verwendet die Symbol.iterator-Schnittstelle, um explizit einen Iterator zu erstellen. Diese Methode wird jedoch weniger häufig verwendet:

    const iterator = theArray[Symbol.iterator]();
    while (true) {
      const result = iterator.next();
      if (result.done) break;
    
      const element = result.value;
      // ...use `element`...
    }
    Nach dem Login kopieren

Array-ähnliche Objekte

Das Iterieren über arrayähnliche Objekte erfordert die Berücksichtigung ihrer Nicht-Array-Natur, wie das Argumentobjekt oder das Argumentobjekt von Node.js. Diese verfügen nicht über eine Iterator-Eigenschaft, sodass je nach Objekt möglicherweise bestimmte Iterationstechniken erforderlich sind.

Das obige ist der detaillierte Inhalt vonWie viele Möglichkeiten gibt es, ein JavaScript-Array zu durchlaufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage