Using Objects in For Of Loops

javascript for-loop ecmascript-6 iterable
Daniel Herr picture Daniel Herr · Apr 27, 2015 · Viewed 73.1k times · Source

Why isn't is possible to use objects in for of loops? Or is this a browser bug? This code doesn't work in Chrome 42, saying undefined is not a function:

test = { first: "one"}

for(var item of test) {
  console.log(item)
}

Answer

Overv picture Overv · Apr 27, 2015

The for..of loop only supports iterable objects like arrays, not objects.

To iterate over the values of an object, use:

for (var key in test) {
    var item = test[key];
}

Related questions

ECMAScript 2015: const in for loops

Which of the two (or neither/ both) code fragments below should be working in a complete ECMAScript 2015 implementation: for (const e of a) for (const i = 0; i < a.length; i += 1) From my understanding, the first example should work because …

Read More
How well is the `for of` JavaScript statement supported?

var nameArray = [ { name: 'john', surname: 'smith' }, { name: 'paul', surname: 'jones' }, { name: 'timi', surname: 'abel' }, ]; for (str of nameArray) { console.log( str.name ); } I want to know, how supported is for( item of array ) in terms of browser support, mobile JavaScript …

Read More
Can I yield from an inner function?

With ES6 generators, I see code like this: var trivialGenerator = function *(array) { var i,item; for(var i=0; i < array.length; i++){ item = array[i]; yield item; }; }; Is it possible to write something more like the code below instead? …

Read More