Get Length of nested JavaScript object

Question

I want to fill a list with elements from a database. The data comes from a PHP file in JSON format. The JSON looks like this:

{"Venues" : [{"name":"McManus Galleries","id":"1"},{"name":"Dundee Law","id":"2"},{"name":"University of Abertay","id":"3"},{"name":"Baxter Park","id":"4"},{"name":"Overgate Shopping Centre","id":"5"}]}

Now I am handling this text with the following code:

obj = JSON.parse(this.responseText);

document.getElementById("list").innerHTML = "<a onclick='getVenue("+obj.Venues[0].id + ")'>" + obj.Venues[0].name + "</a><br>";
document.getElementById("list").innerHTML += "<a onclick='getVenue("+obj.Venues[1].id + ")'>" + obj.Venues[1].name + "</a><br>";

...and it works, but now I want to do it with a for-loop so no matter how many items "Venues" contains it is showing them all in the list. I got this code right now:

for(i = 0; i < obj.length; i++){
  document.getElementById("list").innerHTML += obj.Venues[i].name;
}

The problem here is, that obj.length returns 1. Does anybody know how to solve this?

obj.Venues.length.

kind user
– kind user

2017-03-30 13:01:05 +00:00
Commented Mar 30, 2017 at 13:01 — kind user
– kind user, Commented Mar 30, 2017 at 13:01
You're iterating obj.Venues, not obj.

Bergi
– Bergi

2017-03-30 13:02:03 +00:00
Commented Mar 30, 2017 at 13:02 — Bergi
– Bergi, Commented Mar 30, 2017 at 13:02
Worked, thanks a lot!

Felix
– Felix

2017-03-30 13:03:39 +00:00
Commented Mar 30, 2017 at 13:03 — Felix
– Felix, Commented Mar 30, 2017 at 13:03

mp77 · Accepted Answer · 2017-03-30 13:04:50Z

2

obj is the main object that has child Venues (that is an array to be used for iteration as below)

for(i = 0; i < obj.Venues.length; i++){
  document.getElementById("list").innerHTML += obj.Venues[i].name;
}

answered Mar 30, 2017 at 13:04

mp77

4283 silver badges7 bronze badges

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

1 Comment

Felix Over a year ago

For some reasons it was not possible to accept the answer so early

Collectives™ on Stack Overflow

Get Length of nested JavaScript object

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related