Accessing Nested Arrays -- further questions

Tell us what’s happening:

Your code so far

// Setup
var myPlants = [
    type: "flowers",
    list: [
    type: "trees",
    list: [

// Only change code below this line

var secondTree = myPlants[1].list[1]; // Change this line

ok so I have a question.  Why can I not lookup by a notation like --->  var secondTree = myPlants[1][1][1]; to also access "pine"? 

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36.

Link to the challenge:

Because myPlants is an array of 2 objects.

// 1 refers to the 2nd element's index, so the 2nd object is being referenced.   

When you try:

// JS looks for a property called "1" in the 2nd object which does no exist, 
// so this returns undefined

When you go one step further:

// JS looks for a property called "1" on undefined, which results in a TypeError 
// because undefined does not have properties.