javascript - 使用变量访问 Javascript 中的对象信息？

Question

我似乎不明白如何正确访问对象值。

我的对象：

  // countrycode: "Radio station name"
  var radioStations = {
    fi: "Foo",
    hu: "Bar",
    am: "Baz"
  };

然后我有一个名为的变量code，它来自一个 jQuery 插件，并且有用户在矢量图上鼠标悬停的国家的国家代码。

我需要code在这里将电台名称添加到工具提示中：

onLabelShow: function(event, label, code){
  if ( code in radioStations ) {
    label.text(radioStations.code); // <- doesn't work
  } else  { // hide tooltips for countries we don't operate in
    event.preventDefault();
  }
},

Answer 1

您需要使用数组表示法来通过变量访问对象。试试这个：

onLabelShow: function(event, label, code){
    if (code in radioStations) {
        label.text(radioStations[code]);
    } 
    else  { 
        event.preventDefault();
    }
},

示例小提琴

Answer 2

您可以使用：

onLabelShow: function(event, label, code){
  if(radioStations[code]) {
   label.text(radioStations[code]);
  } else {
   event.preventDefault();
  }
}

演示