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

Welche verschiedenen Möglichkeiten gibt es, ein JavaScript-Array zu durchlaufen?

Susan Sarandon
Susan SarandonOriginal
2025-01-03 05:51:39396Durchsuche

What are the Different Ways to Loop Through a JavaScript Array?

Durchlaufen eines Arrays mit JavaScript

Das Durchlaufen der Elemente eines Arrays ist eine häufige Aufgabe in JavaScript. Es stehen mehrere Ansätze zur Verfügung, jeder mit seinen eigenen Stärken und Einschränkungen. Lassen Sie uns diese Optionen erkunden:

Arrays

1. for-of-Schleife (ES2015)

Diese Schleife iteriert über die Werte eines Arrays mithilfe eines Iterators:

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

2. forEach

forEach ist eine Methode, die das Array durchläuft und für jedes Element eine Funktion aufruft:

arr.forEach(element => {
  console.log(element); // "a", "b", "c"
});

3. Einfache for-Schleife

Diese Schleife verwendet eine Zählervariable, um über die Array-Elemente zu iterieren:

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]); // "a", "b", "c"
}

4. for-in-Schleife (mit Sicherheitsvorkehrungen)

for-in iteriert über die Eigenschaften eines Arrays, einschließlich seiner Elemente. Es ist jedoch wichtig, Sicherheitsvorkehrungen zu treffen, um eine Iteration über Prototypeigenschaften zu vermeiden:

for (const property in arr) {
  // Check if 'property' is an array element property
  if (arr.hasOwnProperty(property)) {
    console.log(arr[property]); // "a", "b", "c"
  }
}

5. Iterator (ES2015)

Arrays sind iterierbare Objekte und stellen einen Iterator bereit, der manuell mit next() erweitert werden kann:

const iterator = arr[Symbol.iterator]();
while (true) {
  const result = iterator.next();
  if (result.done) break;
  console.log(result.value); // "a", "b", "c"
}

Das obige ist der detaillierte Inhalt vonWelche verschiedenen 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