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

Question

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

       radius: 20
};

因此，我试图访问对象“蓝色”，但无法执行。 如何访问“蓝色”对象？

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