Javascript Multi-level array of JSON objects - how to access key-value pair in second level or higher

Question

Consider the following array of JSON objects:

myList = [
    {title:"Parent1",
        children:[{childname:"Child11"},
                     {childname:"Child12"}],
        cars:[{carname:"Car11"},
              {carname:"Car12"}]
    },
    {title:"Parent2",
        children:[{childname:"Child21"},
                     {childname:"Child22"}],
        cars:[{carname:"Car21"},
              {carname:"Car22"}]
    }
];

How does one access the "Child21" in javascript? The following options didn't work:

var myString = myList[1].children[0].childname; //Does not work
var myString = myList[1]["children"][0].childname; //Does not work

Your first example `myList[1].children[0].childname` *does* work. — Crescent Fresh, Oct 30 '09 at 14:26
You mean carname... right crecentfresh... Put that in an answer and I will vote for it — Zoidberg, Oct 30 '09 at 14:27
@Zoidberg: not sure, question is looking for `"Child21"` I think. — Crescent Fresh, Oct 30 '09 at 14:32
Your first option is correct; if it's not working on your set-up, the problem is not with your code (as written). "Children" is a bad choice, probably, for its's ubiquity of use; are you using any libraries that are interfering due to naming conventions? — Jonline, May 14 '14 at 22:33

score 9 · Answer 1 · 2009-10-30T14:32:32.283

This worked OK for me:

myList[1].children[0].childname

This is also OK:

myList[1]["children"][0].childname;

In full,

<html>
<body>
<script>
var myList = [
    {title:"Parent1",
        children:[{childname:"Child11"},
                     {childname:"Child12"}],
        cars:[{carname:"Car11"},
              {carname:"Car12"}]
    },
    {title:"Parent2",
        children:[{childname:"Child21"},
                     {childname:"Child22"}],
        cars:[{carname:"Car21"},
              {carname:"Car22"}]
    }
];
alert (myList[1].children[0].childname);
</script>
</body>
</html>

+1 to you and not the others because of the HTML example + 5 min earlier answer! — Seb, Oct 30 '09 at 14:34

sh1ng · Answer 2 · 2009-10-31T13:59:00.533

1

var myString = myList[1].children[0].childname;

In FireFox's Firebug works

edited Oct 31 '09 at 13:59

answered Oct 30 '09 at 14:32

sh1ng

2,808
4
24
38

score 0 · Answer 3 · answered Oct 30 '09 at 14:31

0

This does work...

alert(myList[1].children[0].childname);

answered Oct 30 '09 at 14:31

Josh Stodola

81,538
47
180
227

score 0 · Answer 4 · answered Oct 30 '09 at 14:35

0

Your first option...

var myString = myList[1].children[0].childname;

should work just fine.

answered Oct 30 '09 at 14:35

George

7,864
5
29
25

Javascript Multi-level array of JSON objects - how to access key-value pair in second level or higher

4 Answers4

Linked