javascript - 在javascript中使用变量的值来访问JSON对象

Question

我正在尝试使用 HTML 中某些文本的值来访问我的饼图对象。

但是，代码使用变量的名称而不是变量的值。

这对我来说似乎是显而易见的，但它让我难住了。

谢谢

var pie = {

    welfare: {
        title: "Welfare",
        percentage : 24,
        point: 0,
        color: '#601C6B'
    },

    health: {
        title: "Health",
        percentage : 20,
        point: 0,
        color: '#FFAA97'
    },

    state_pensions: {
        title: "State pensions",
        percentage : 13,
        point: 0,
        color: "#9C9C9C"
    }
}


$('.pie_item').click(function(){

var pie_piece = $(this).text();

console.log("this is " + pie_piece);

$(this).closest(".drop_down_button").find('p').text(pie_piece);

console.log(pie.pie_piece);

});

Answer 1

当您使用点表示法来访问对象的属性时pie.pie_piece它正在寻找实际名称为 pie_piece 的特性在 pie对象。

使用 pie_piece 的值您将需要使用括号符号

pie[pie_piece]

更多关于property access