如何在javascript中访问对象内的对象内的对象？

Question

var shape =   {
         circle: {
             colors: {
                blue: "#0066FF",
                red: "#FF3300"
                     }
                  },

       radius: 20
};

所以我试图访问该对象＆＃34; blue＆＃34;并且不能这样做。 如何访问对象＆＃34;蓝色＆＃34;？

Answer 1

在javaScript中访问嵌套对象的两种方法：

// use this way for only some special cases like 
// when using reserved keywords or 
// using spaces or special characters or 
// if your property starts with number.

alert(shape.circle.colors["blue"]);

或

alert(shape.circle.colors.red);

jsFiddle

Answer 2

如bloodyKnuckles所述，请使用shape.circle.colors.blue。如果有嵌套对象，则需要在一个表达式中多次使用点表示法。

//shape. [...]
var shape =   {
    //[...] circle. [...]
    circle: {
        //[...] colors. [...]
        colors: {
            //[...] blue
            blue: "#0066FF",
            red: "#FF3300"
        }
    },
    radius: 20
};

console.log(shape.circle.colors.blue);