javascript - 使用国家/地区代码作为数组/对象名称？范围界定问题？

Question

有人可以帮我解决这个问题吗，以加拿大为例:

var CA = {
    name: "Canada Name",
    iso: "CA",
    percentage: "23.4",
    color: getColor(23.4)
};

$(function() {

    $('#world-map').vectorMap({
        map: 'world_mill_en',
        .
        .
        onRegionTipShow: function(event, wrap, code) {
            wrap.html('hello ' + code); // working, outputs "hello CA"
            console.log(CA.name); // working, outputs "Canada Name"
            console.log(code.name); // not working - undefined
        },
        .
        .

如何使用“代码”来引用变量(在本例中为 CA)？ 正如我看到代码输出一个字符串，但我无法将其转换为有效的形式

谢谢

Answer 1

您需要将您的 CA 对象进一步包装在另一个对象中，如下所示:

var langs = {
    CA: {
        name: "Canada Name", 
        iso: "CA", 
        percentage: "23.4", 
        color: getColor(23.4)
    }
}

然后您可以使用括号表示法访问langs 的属性。因此，假设您的示例中为 code = 'CA':

onRegionTipShow: function(event, wrap, code){
    wrap.html('hello ' + code);     // = 'hello CA'
    console.log(langs[code].name);  // = 'Canada Name'
},