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) )

Tags: