Array iterieren in Javascript

von Bernd Fischer am 11.07.2019 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) )

 

 

 

0 Kommentare

Kommentar schreiben

Vielen Dank für Ihren Kommentar! Zur Zeit prüfen wir ihn, und schalten ihn später frei!

Tags: