Loop Through Array inside Object in Javascript [duplicate]

Question

Possible Duplicate:
Loop through Json object

{ "data": [ { "name": "Jen", "id": "1" }, { "name": "Steve", "id": "8" } ] }

A server I'm interacting with responds with the above.

I'm trying to loop through itenter code here for the For..in statement.

This is what I'm trying to do:

for (var item in response.data) { console.log(item.name); }

This doesn't work. What went wrong?

Thank you

I GOT IT to work with the following after reading the comment:

for (var item in response.data) { console.log(response.data[item].name); }

I was able to get a list of names...

Can someone dissect the response as to why it worked?

Not an appropriate duplicate. This is a different object structure from the linked one. — Michael Berkowski
– Michael Berkowski, Commented Feb 24, 2012 at 1:53
How many times can we ask how to loop through arrays/objects on StackOverflow. I'm willing to bet this is the 100th time; indeed see: google.com/… And the "are you sure that's Javascript not JSON" comment? Do you know what JSON stands for? — Dexygen
– Dexygen, Commented Feb 24, 2012 at 1:58
@GeorgeJempty - About JSON, what do you mean? JSON isn't part of JavaScript, it just looks like it... Distinguishing between JavaScript objects and JSON is vital to any use of either... — nnnnnn
– nnnnnn, Commented Feb 24, 2012 at 2:05

Michael Berkowski · Accepted Answer · 2012-02-24 01:55:45Z

data is actually an array (denoted by []), rather than an object so you want a regular for loop rather than a for in.

for (var i = 0; i<response.data.length; i++) { // use i as an array index console.log(response.data[i].name); }

In JavaScript, the for in construct is used for iterating over object properties, but to iterate an array an incremental for loop is typically used.

I was able to get the above format to work. I was just curious how to do it with For..in But Thank you! That confirms me

Community · Accepted Answer · 2017-05-23 12:10:33Z

Check out: Why is using "for...in" with array iteration a bad idea?

For...in iterates through names of the properties of an object. Array items are also considered "properties", so for..in iterates through indexes (which are 0, 1 in your case). As expected when you use response.data[0] you get first element of your array.

RobG · Accepted Answer · 2012-02-24 02:17:18Z

for..in iterates over the enumerable properties of an object in no particular order (you may get a different order in different browsers). An array is just a plain object with a special length method and handy methods inherited from Array.prototype (some of which depend on the special length property). There is no restriction on what can be used for a property name, they are not restricted to non-negative integers (noting that where a properly name is not a valid identifier, square bracket notation must be used to access its value).

The indexes of an array are just string property names (i.e. they are just plain object property names) that are non-negative integers, so a for..in loop will iterate over the numeric indexes (again, not necessarily in ascending or descending order) as well as all other enumerable properties, including those on the [[Prototype]] chain. Therefore it is always recommended to include a hasOwnProperty test with for..in unless you want to include inherited enumerable properties.

Because of the above, it is generally much better to iterate over array properties using a counter from 0 to array.length - 1 (since the length is always one bigger than the last index).

To test the "no particular order" statement, try the following in IE and other browser and note the different order:

var a = []; a[2] = 2; a[0] = 0; a[3] = 3; var b = []; for (var i in a) b.push(a[i]); alert(b);

Collectives™ on Stack Overflow

Loop Through Array inside Object in Javascript [duplicate]

3 Answers 3

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Linked

Related