迭代javascript对象，使关键变量用作调用该对象的方法_Javascript_Jquery

迭代javascript对象，使关键变量用作调用该对象的方法

javascript jquery

迭代javascript对象，使关键变量用作调用该对象的方法,javascript,jquery,Javascript,Jquery,现在，我正在将新属性硬编码到我的javascript应用程序中，这是一种可怕的代码味道，但对于javascript实现，我不知道有什么更好的方法。这就是我的代码现在的样子： $.getJSON(url, function(data) { $("#total_population_2013").html(data.table.total_population_2013); $("#median_age_2013").html(data.table.median_age_2013); /

现在，我正在将新属性硬编码到我的javascript应用程序中，这是一种可怕的代码味道，但对于javascript实现，我不知道有什么更好的方法。这就是我的代码现在的样子：

$.getJSON(url, function(data) {
  $("#total_population_2013").html(data.table.total_population_2013);
  $("#median_age_2013").html(data.table.median_age_2013);
  //ETCETERA, FOR A VERY LONG TIME I MIGHT ADD
});

它是一个转换成json的ruby OpenStruct对象，我将其发送到getJSON方法。尝试和错误解决方案，但我可以访问其属性，如上所示

我将要添加更多的变量，并将其写入html id标记中，我更愿意以更专业的方式这样做。以下是我迄今为止尝试过但不起作用的方法：

$.getJSON(url, function(data) {
  for(var k in data) {
    var value = data[k];
    var id_str = "#"+k;
    $(id_str).html(value);
  });
}

谢谢，我注意到两件事。一个是，

for..in

迭代对象的所有属性，其中可以包括它从原型链获得的内容。这通常不是您想要的，因此您希望这样做：

for(var k in data) if (data.hasOwnProperty(k)) {

   ...

}

这样可以确保只获取对象自己的属性

其次，您的JSON似乎将其数据放在

data.table

下，而您只是从

data

中提取数据。这意味着，您将只获得

表

作为一个值，而您可能没有任何id为

#表

的内容。我怀疑你想要：

for(var name in data.table) if (data.table.hasOwnProperty(k)) {
    $("#" + name).html(data.table[name]);
}

我注意到两件事。一个是，

for..in