JSON对象调用params作为变量

tec*_*xel -1 javascript jquery json

好的,所以这是我的问题我有一堆使用JSON对象的价格范围现在我想在示例中动态更改JSON对象调用:

JSON对象:

ranges = {
                "range0" : {
                    "olive" :           {"price": 5},
                    "ebony" :       {"price": 8},
                    "tigerebony" :  {"price": 8},
                    "zebrawood" :   {"price": 7},
                    "mahagony" :    {"price": 7},
                    "pinkivory  " : {"price": 7}
                },
               "range1" : {
                    "olive" :           {"price": 7},
                    "ebony" :       {"price": 10},
                    "tigerebony" :  {"price": 10},
                    "zebrawood" :   {"price": 9},
                    "mahagony" :    {"price": 9},
                    "pinkivory  " : {"price": 9}
                } 
}
Run Code Online (Sandbox Code Playgroud)

然后问题:

$("handler").click(function(){
   $("#range").html(ranges.range_var.material_var.price)//I know this is extremly wrong
}):
Run Code Online (Sandbox Code Playgroud)

我试图替换.range_var保存正确值的变量,.material_var 这些变量将根据用户的选择而改变?

bfa*_*tto 6

您只需要使用括号表示法:

ranges[range_var][material_var].price
Run Code Online (Sandbox Code Playgroud)