Question

For a little while now javascript has the “map” function to loop over arrays.

It appears possible to use it as a ‘foreach’ operator for example:

fruitbowl.map(function(fruit){ 
                  ... do stuff with fruit
              })

Is this better or worse than saying

for(var i in fruitbowl){ 
     ... do stuff with fruitbowl[i] 
}

Saves having to use the index but adds a callback; it doesn’t seem very common so I hesitate to use it but still want to.

Answer 1

The three methods you mention have different purposes.

The purpose of the Array.prototype.map method is to create a new array with the results of calling the callback function on every array element.

The purpose of the Array.prototype.forEach method is to iterate over an array, executing the provided callback function once per array element.

The purpose of the for...in statement is to enumerate object properties.

I think that the for...in statement should be avoided to traverse any array-like¹ object, where the real purpose is iterate over numeric indexes and not enumerate the object properties (even knowing that those indexes are properties).

Reasons to avoid for...in to iterate array-like objects:

• Iterates over inherited user-defined properties in addition to the array elements, if you use a library like MooTools for example, which extend the Array.prototype object, you will see all those extended properties.
• The order of iteration is arbitrary, the elements may not be visited in numeric order.

Give a look to this article:

• Iteration VS Enumeration

---

₁ By array-like objects I mean any object that contains sequential numeric properties, and a length property