In non-trivial applications, data is often nested
JavaScript allows use to traverse an nested object using either dot notation or bracket notation
const avengers = {
headquarters: "Stark Tower",
members: [
{
name: 'Black Widow',
'secret identity': 'Natasha Romanov',
powers: ["elite martial artist", "genius intellect", "strategy", "leadership"]
},
{
name: 'Captain America',
'secret identity': 'Steve Rogers',
powers: ["super strength", "leadership"]
}
]
}
// access the first member of the Avengers
console.log(avengers.members[0].name)
// access the 2nd member's first listed power
console.log(avengers.members[1].powers[0])