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
– Crescent Fresh, Commented Oct 30, 2009 at 14:26
You mean carname... right crecentfresh... Put that in an answer and I will vote for it — Zoidberg
– Zoidberg, Commented Oct 30, 2009 at 14:27
@Zoidberg: not sure, question is looking for "Child21" I think. — Crescent Fresh
– Crescent Fresh, Commented Oct 30, 2009 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
– Jonline, Commented May 14, 2014 at 22:33

score 9 · Accepted Answer · 2009-10-30 14:32:32Z

9

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>

edited Oct 30, 2009 at 14:32

answered Oct 30, 2009 at 14:27

user181548

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

1 Comment

Seb Over a year ago

+1 to you and not the others because of the HTML example + 5 min earlier answer!

sh1ng · Accepted Answer · 2009-10-31 13:59:00Z

1

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

In FireFox's Firebug works

edited Oct 31, 2009 at 13:59

answered Oct 30, 2009 at 14:32

sh1ng

2,9934 gold badges26 silver badges39 bronze badges

Comments

Josh Stodola · Accepted Answer · 2009-10-30 14:31:21Z

0

This does work...

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

answered Oct 30, 2009 at 14:31

Josh Stodola

82.7k48 gold badges187 silver badges229 bronze badges

Comments

George · Accepted Answer · 2009-10-30 14:35:14Z

0

Your first option...

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

should work just fine.

answered Oct 30, 2009 at 14:35

George

7,9745 gold badges32 silver badges25 bronze badges

Collectives™ on Stack Overflow

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

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related