Das Durchlaufen von Arrays in JavaScript ist eine grundlegende Aufgabe, die Entwickler häufig ausführen. JavaScript bietet mehrere Methoden zum Durchlaufen von Arrays, darunter for, forEach(), map(), filter(), Reduce() und for…of. Jede Methode hat ihre spezifischen Anwendungsfälle, Vorteile und Best Practices. In diesem Leitfaden werden diese verschiedenen Array-Iterationsmethoden untersucht und gezeigt, wie man Arrays effektiv durchläuft, um deren Elemente in JavaScript zu manipulieren und darauf zuzugreifen.

Es gibt viele Möglichkeiten, ein Array in JavaScript zu durchlaufen:

Inhaltsverzeichnis

• 1. Verwenden der Methode console.log()
• 2. Verwendung der for-Schleife
• 3. Verwendung der while-Schleife
• 4. Verwendung der forEach()-Methode
• 5. Verwendung der every()-Methode
• 6. Verwenden der Methode „map()“.
• 7. Verwendung der filter()-Methode
• 8. Verwendung der Methode Reduce()
• 9. Verwenden der Methode some()
• 10. Verwendung der Einträge()-Methode

1. Verwenden der Methode console.log()

Beispiel: In diesem Beispiel greifen wir über ihre Indexnummer auf einfache Array-Elemente zu.

let array = ['geeks', '4', 'geeks']; // Accessing array elements one by one console.log(array[0]); console.log(array[1]); console.log(array[2]); 

geeks 4 geeks 

Es gibt mehrere Möglichkeiten, in JavaScript über ein Array zu iterieren. Die nützlichsten sind unten aufgeführt.

2. Verwendung der for-Schleife

Der for-Schleife führt eine Reihe von Anweisungen wiederholt aus, bis die gegebene Bedingung falsch wird. Es ähnelt Schleifen in anderen Sprachen wie C/C++, Java usw.

Beispiel: In diesem Beispiel verwenden wir eine for-Schleife zur Iteration eines Arrays.

let array = [1, 2, 3, 4, 5, 6]; for (let index = 0; index  < array.length; index++) {  console.log(array[index]); } 

1 2 3 4 5 6 

3. Verwendung der while-Schleife

A while-Schleife In JavaScript handelt es sich um eine Kontrollflussanweisung, die es ermöglicht, den Code basierend auf der angegebenen booleschen Bedingung wiederholt auszuführen.

Beispiel: In diesem Beispiel verwenden wir eine While-Schleife für die Iteration eines Arrays.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; while (index  < array.length) {  console.log(array[index]);  index++; } 

1 2 3 4 5 6 

4. Verwendung der forEach()-Methode

Der forEach()-Methode ruft die bereitgestellte Funktion einmal für jedes Array-Element in der Bestellung auf.

Beispiel: In diesem Beispiel verwenden wir die Methode forEach() zur Iteration eines Arrays.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; array.forEach(myFunction); function myFunction(item, index) {  console.log(item); } 

1 2 3 4 5 6 

5. Verwendung der every()-Methode

Der every() Methode Prüft, ob alle Elemente in einem Array einen Test bestehen (bereitgestellt als Funktion).

Beispiel: In diesem Beispiel verwenden wir die Methode every() zur Iteration eines Arrays.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; const under_five = x =>X < 5; if (array.every(under_five)) {  console.log('All are less than 5'); } else {  console.log('At least one element is not less than 5'); } 

At least one element is not less than 5 

6. Verwenden der Methode „map()“.

A map()-Methode wendet eine Funktion auf jedes Element an und gibt dann das neue Array zurück.

Beispiel: In diesem Beispiel verwenden wir die Methode map() zur Iteration eines Arrays.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Math.pow(x, 2); Quadrat = array.map(Quadrat); console.log(array); console.log(quadrat); 

[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ] 

7. Verwendung der filter()-Methode

filter()-Methode wird verwendet, um Werte aus einem Array zu filtern und das neue gefilterte Array zurückzugeben.

Beispiel: In diesem Beispiel verwenden wir die Methode filter() zur Iteration eines Arrays.

let array = [1, 2, 3, 4, 5, 6]; let even = x =>x % 2 === 0; let evens = array.filter(even); console.log(array); console.log(evens); 

[ 1, 2, 3, 4, 5, 6 ] [ 2, 4, 6 ] 

8. Verwendung der Methode Reduce()

redu()-Methode wird verwendet, um das Array mithilfe einer funktionalen Logik auf einen einzigen Wert zu reduzieren.

Beispiel: In diesem Beispiel verwenden wir die Methode Reduce() zur Iteration eines Arrays.

let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + curr; const sum = array.reduce(helperSum, 0); console.log(array) console.log(sum); 

[ 1, 2, 3, 4, 5, 6 ] 21 

9. Verwenden der Methode some()

some() Methode wird verwendet, um zu überprüfen, ob einige Array-Werte einen Test bestehen.

Beispiel: In diesem Beispiel verwenden wir eine Methode() zur Iteration eines Arrays.

let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>Element < 4; const lessthanFour = array.some(lessthanFourCheck); console.log(array); if (lessthanFour) {  console.log('At least one element is less than 4') } else {  console.log('All elements are greater than 4 ') } 

[ 1, 2, 3, 4, 5, 6 ] At least one element is less than 4 

10. Verwendung der Einträge()-Methode

Die Methode „entrys()“ gibt ein neues Array-Iterator-Objekt zurück, das die Schlüssel/Wert-Paare für jeden Index im Array enthält. Damit kann sowohl auf den Index als auch auf den Wert jedes Elements zugegriffen werden.

Beispiel: In diesem Beispiel verwenden wir die Methode „entrys()“ zur Iteration eines Arrays.

let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) {  console.log(index, value); } 

0 1 1 2 2 3 3 4 4 5 5 6