Nested Objects

Nested Methods

  • In non-trivial applications, data is often nested

  • JavaScript allows use to traverse an nested object using either dot notation or bracket notation


Example

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])

JS Bin on jsbin.com