Javascript for loop that yields the object, not the object index

Question

Is there a short hand notation for iterating through a javascript array that yields the actual object, instead of the index of the object?

For example:

var dataset = ['a','b','c']

for (item in dataset){
    console.log(item);

}

I want to log 'a','b','c' -- not 0,1,2.

My reason for not wanting to use dataset[item] is that I have several nested for loops, and the code is getting very verbose.

`Array.prototype.forEach` -- pretty much every lib offers a flavour of this (e.g. $.each, _.each) or use ES6 `for .. of ..` and transpile — megawac, Jul 22 '14 at 14:29
[Don't use `for in` loops on arrays!](http://stackoverflow.com/q/500504/1048572) — Bergi, Jul 22 '14 at 14:32

score 1 · Answer 1 · answered Jul 22 '14 at 14:46

If you're willing to use jQuery (which can blend well with basic JS), it's as simple as this:

var dataset = ['a', 'b', 'c'];
$(dataset).each(function (i, o) {
    console.log(o);
});

What this does, essentially, is performs a foreach loop on dataset, treating it like an array containing objects. The index is stored in i and a non-jQuery object is stored in o. You can use $(o) to get the jQuery version of this object.

Hope this helps!

score 0 · Answer 2 · answered Jul 22 '14 at 14:30

0

Turns out this can be accomplished using the forEach loop:

dataset.forEach(function(item){
    console.log(item);
});

answered Jul 22 '14 at 14:30

corycorycory

1,448
2
23
42

1

Yep, its going to be sweet when we can do `for (x of dataset) {console.log(x)}` – megawac Jul 22 '14 at 14:31

Javascript for loop that yields the object, not the object index

2 Answers2