Array iterieren in Javascript

von Bernd Fischer am 11.07.2019 in JavaScript

• Home  »  
• Blog  »  
• Array iterieren in Javascript

Es gibt grundsätzlich mehrere Wege, über einen Array in Javascript zu iterieren. Wir stellen hier die vier am häufigst genutzten Methoden vor:

1. Die oldschool Variante

Wie wir es beispielsweise von C und Java kennen, iterieren wir einen Array in einer For-Schleife:

var animals = ['dog','cat','bird','mouse'];
for(var i=0;i<animals.length;i++){  
  console.log( animals[i] );
}

2. Iterieren über die Eigenschaften des Arrays

Wir iterieren den Array mit dem for-in Konstrukt über seine Eigenschaften bzw. Schlüssel

var animals = ['dog','cat','bird','mouse'];
for(var i in animals){  
  console.log( animals[i] );
}

3. Iterieren über die Werte des Arrays

Wir iterieren mit dem for-of Konstrukt über die Werte der Eigenschaften bzw. Schlüssel

var animals = ['dog','cat','bird','mouse'];
for(var i of animals){  
  console.log(i);
}

4. die funktionale Variante mit forEach

Wir nutzen die forEach-Methode, um über Objekte und Arrays zu iterieren

var animals = ['dog','cat','bird','mouse'];
animals.forEach( a => console.log(a) )

Über den Autor:
Bernd Fischer ist seit 18 Jahren freiberuflicher Web-Entwickler, IT-Berater und SEO-Experte. Er gibt auch Kurse rund um die Themen Python, Programmierung, Datenbanken und Software-Lösungen.