javascript - 循环遍历 javascript 嵌套对象返回未定义

Question

我试图循环遍历嵌套对象，但我一直返回未定义。

我的目标:

var ltColumns = {

"col1": {data: "productCode", title: "Product Code", width: "7%" },

"col2": {data: "brand", title: "Brand", width: "5%"}
};

我的循环:

for (var key in ltColumns) {
  console.log(key.data);
}

在这种情况下，我尝试控制台记录每个嵌套对象的“数据”属性。但是，我一直感到“未定义”。有人可以帮忙吗？

谢谢!

Answer 1

将循环更改为:

for (var key in ltColumns) {
    console.log(ltColumns[key].data);
}

jsFiddle example

您的 for...in 循环在每次迭代时将属性名称返回到 key，此处为 col1 和 col2.因此，语句 key.data 本身将返回 undefined，因为 col1 和 col2 都不是对象 - 它们是 的属性ltColumns。因此，您需要同时使用 key 和 ltColumns 来获取 col1 和 col2 属性的值，因为 ltColumns 是实际对象。