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
Freigeben: 2025-01-03 05:51:39
Original
372 Leute haben es durchsucht

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"
}
Nach dem Login kopieren

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"
});
Nach dem Login kopieren

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"
}
Nach dem Login kopieren

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"
  }
}
Nach dem Login kopieren

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"
}
Nach dem Login kopieren

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!

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