JavaScript ForEach

Die JavaScript forEach-Methode ist eine der verschiedenen Möglichkeiten, Arrays zu durchlaufen. Jede Methode hat unterschiedliche Funktionen.

	const zahlen = [1, 2, 3, 4, 5];
	

			
	
			

		
	

Verwenden der traditionellen “for-loop” zum Durchlaufen des Arrays

	for (i = 0; i < zahlen.length; i++) {
  console.log(zahlen[i]);
}
	

			
	
			

		
	

Die forEach-Methode wird auch verwendet, um Arrays zu durchlaufen, verwendet jedoch eine Funktion, die sich von der klassischen “for-Schleife” unterscheidet.

for each javascript

Die forEach-Methode übergibt eine Rückruffunktion für jedes Element eines Arrays zusammen mit den folgenden Parametern.

• Aktueller Wert (erforderlich) – Der Wert des aktuellen Arrayelements
• Index (optional) – Die Indexnummer des aktuellen Elements
• Array (optional) – Das Arrayobjekt, zu dem das aktuelle Element gehört

Die Funktion wird für jedes einzelne Element des Arrays ausgeführt. Es muss mindestens einen Parameter annehmen, der die Elemente eines Arrays darstellt

	zahlen.forEach(function(zahl) {
    console.log(zahl);
});
	

			
	
			

		
	

	1
2
3
4
5
	

			
	
			

		
	

Sie können die ES6-Pfeilfunktion verwenden, um den Code zu vereinfachen

	zahlen.forEach(zahl => console.log(zahl));
	

			
	
			

		
	

Optionale Parameter

Index
Okay, jetzt fahren wir mit den optionalen Parametern fort. Der erste ist der Parameter “index”, der die Indexnummer jedes Elements darstellt.

Grundsätzlich können wir die Indexnummer eines Elements sehen, wenn wir es als zweiten Parameter einschließen

	zahlen.forEach((zahl, ind) => {
    console.log('Index: ' + ind + ' Wert: ' + zahl);
});
	

			
	
			

		
	

	Index: 0 Wert: 1
Index: 1 Wert: 2
Index: 2 Wert: 3
Index: 3 Wert: 4
Index: 4 Wert: 5
	

			
	
			

		
	

Array
Der array-Parameter ist das Array selbst. Es ist auch optional und kann bei Bedarf in verschiedenen Operationen verwendet werden. Andernfalls, wenn wir es nennen, wird es nur so oft gedruckt wie die Anzahl der Elemente des Arrays

Beispiele

	const zahlen = [1, 47, 2];
const zahlenArr = [];

zahlen.forEach(function(item){
  zahlenArr.push(item * item);
});

console.log(zahlenArr);
	

			
	
			

		
	

	1, 2209, 4
	

			
	
			

		
	

Unterstützte Browser: Die von der JavaScript Array forEach()-Methode unterstützten Browser sind unten aufgeführt.