javascript - 迭代数据以获得值(value)

Question

我有以下循环

for (var i in data) {
   console.log(data[i])
}

我的for循环迭代的数据是

 "data": [
    {
      "MainArea": "North West"
    },
    {
      "MainArea": "South West"
    },

当我运行它时，我在 firebug 中得到以下输出

[Object { MainArea="North West"}, 
Object {  MainArea="South West"}]

我想要得到的只是它的值(value)。所以当我尝试时

console.log(data[i].MainArea)

希望仅获得“西北”和“西南”值 我的控制台中出现“未定义”。

Answer 1

尝试以下操作:

console.log(data[i].MainArea);

您正在尝试从对象属性中获取信息。由于您的变量包含在 json 格式列表中，您可以通过命名属性访问您的变量。

更新:根据您对我创建的原始问题的补充DEMO 。

var myObj = {"data": [
                        {
                          "MainArea": "North West"
                        },
                        {
                          "MainArea": "South West"
                        },
                    ],
           },
    data = myObj['data'],
    data_length=data.length;

for (var i= 0; i < data_length; i++)
{
   console.log(data[i].MainArea);
}     

请记住，当您迭代键值对时，您应该使用 for ... in循环 while 当您迭代数组时，您应该使用 for环形。例如，如果您的 data属性包含排序数组，for ... in循环不能保证从数组项 0 循环至N 。这意味着它不会遵循顺序。因此仅使用for数组和 for ... in 的循环对于非数组对象。请阅读 here 了解此内容。可以看到一些 jsPerf 比较 here 。