Arrays iterieren mit JavaScript

Es gibt mehrere Möglichkeiten, um ein Array in JavaScript zu iterieren. Die gebräuchlichsten Formen sind diese:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var animals = ['beaver','monkey','lion'];
 
// for loop #1
for(var i=0;i<animals.length;i++){
  console.log(animals[i]);
}
 
// for loop #2
for(var i in animals){
  console.log(animals[i]);
}
 
// foreach loop (does not work in IE8 and lower!)
animals.forEach(function(animal){
  console.log(animal);
});

Aus dem Artikel „How many ways can you iterate over an array in JavaScript“ möchte ich noch zwei weitere Wege vorstellen:

1
2
3
4
// Perl-like syntax
[console.log(animal) for each (animal in animals)];
// Iterator
[console.log(animal) for ([i,animal] in Iterator(animals))];