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
Linda HamiltonOriginal
2024-12-28 13:45:11187Durchsuche

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`...
    }
  • 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`...
    });
  • 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`...
    }
  • 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`...
      }
    }
  • 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`...
    }

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!

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