CODEWITHSUNDEEP
javascriptjsonmultidimensional-array
PS2009
PS2009

Reputation: 51

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

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

Upvotes: 5

Views: 28736

Answers (4)

sh1ng
sh1ng

Reputation: 2973

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

In FireFox's Firebug works

Upvotes: 1

George
George

Reputation: 7944

Your first option...

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

should work just fine.

Upvotes: 0

user181548
user181548

Reputation:

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>

Upvotes: 9

Josh Stodola
Josh Stodola

Reputation: 82503

This does work...

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

Upvotes: 0

Related Questions