Iterate over JSON array

Question

I've read several examples of how to do what I want but none seem to work. I want to iterate over a JSON array but it's not working for me. When I look in chromes js console my data looks like this:

"[\r\n  {\r\n    \"EntryId\": 3,\r\n    \"Title\": \"Tiny Living For sales\",\r\n    \"Description\": \"This is a house for sale\",\r\n    \"AddressViewModel\": {\r\n      \"AddressId\": 3,\r\n      \"Street1\": null,\r\n      \"Street2\": null,\r\n      \"City\": \"Los Angeles\",\r\n      \"LocationId\": 5,\r\n      \"LocationName\": \"California\",\r\n      \"PostalCode\": null,\r\n      \"Phone\": null,\r\n      \"Latitude\": 34.052234,\r\n      \"Longitude\": -118.243685\r\n    },\r\n    \"EntryCategoryName\": \"Houses for Sale\",\r\n    \"EventStartDate\": null,\r\n    \"EventEndDate\": null\r\n  },\r\n  {\r\n    \"EntryId\": 2,\r\n    \"Title\": \"Tiny Living Workshop\",\r\n    \"Description\": \"This is a workshop\",\r\n    ...

And if I turn it into an object by doing so:

var myObject = eval('(' + locations + ')');

It looks like this (formated):

[
{
"EntryId": 3,
"Title": "Tiny Living For sales",
"Description": "This is a house for sale",
"AddressViewModel": {
  "AddressId": 3,
  "Street1": null,
  "Street2": null,
  "City": "Los Angeles",
  "LocationId": 5,
  "LocationName": "California",
  "PostalCode": null,
  "Phone": null,
  "Latitude": 34.052234,
  "Longitude": -118.243685
},
"EntryCategoryName": "Houses for Sale",
"EventStartDate": null,
"EventEndDate": null
},
{
"EntryId": 2,
"Title": "Tiny Living Workshop",

...

But when I try to iterate over it (either the raw JSON or the object) it gives me each letter of the JSON, not each object in the array

for (var i = 0; i < myObject.length; i++) { console.log(myObject[i]); }

Like so:

 "
 [
 \
 r
 \

Thanks

Not the problem, but don't use eval(), use JSON.parse(). — nnnnnn
– nnnnnn, Commented Mar 11, 2012 at 4:01
@nnnnnn JSON.parse is not available everywhere, your comment needs a disclaimer — Ruan Mendes
– Ruan Mendes, Commented Mar 11, 2012 at 4:08

Pointy · Accepted Answer · 2012-03-11 03:57:43Z

4

You evaluate the JSON and assign the result to "myObject", and then you attempt to iterate through "locations". It's no wonder that that doesn't work :-)

answered Mar 11, 2012 at 3:57

Pointy

415k62 gold badges600 silver badges632 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Ruan Mendes Over a year ago

for (var i = 0; i < myObject.length; i++) { console.log(myObject [i]); }

jamesmortensen Over a year ago

Oh, I didn't catch that. The op is iterating through the source variable and not the converted variable. Removing downvote and replacing with a nice shiny upvote ;)

Dan dot net Over a year ago

The iterating example that I posted was on the raw JSON but I said that I get the same results when I iterate over the raw JSON or the Object.

nnnnnn Over a year ago

@Dandotnet - I pasted the code from your question into JS fiddle and it works fine.

Dan dot net · Accepted Answer · 2012-03-11 04:39:39Z

1

I figured it out. I was returning the JSON from my controller like this

return Json( jsonResults, "text/html");

I had to do this on a different controller to prevent IE from prompting the user to save the JSON results. Anyways, that was putting quotes around the data so it wasn't being parsed correctly.

So I am now returning:

return Json( jsonResults);

Hopefully I don't have the IE problem (tested in 9 and didn't see it)

answered Mar 11, 2012 at 4:39

Dan dot net

6,6395 gold badges30 silver badges27 bronze badges

Collectives™ on Stack Overflow

Iterate over JSON array

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related