Ads by ProfitSence
Close

JavaScript forEach - So durchlaufen Sie ein Array in JS

Last Updated on Donnerstag 6. Okt. 2022

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.

Chrome IE Edge Firefox Safari Opera
Yes 9-11 Yes Yes Yes Yes
foreach javascript
js foreach
javascript array foreach
javascript each
for each javascript
javascript foreach array
js array foreach
js for each
foreach js