JavaScript JSON 输出

Question

如果我从 NodeJS 应用程序中获取以下数据，并且我想通过 javascript 显示。

{
    "holes": [{
        "par": 5,
        "strokeindex": 5
    }, {
        "par": 4,
        "strokeindex": 15
    }, {
        "par": 3,
        "strokeindex": 11
    }, {
        "par": 4,
        "strokeindex": 13
    }, {
        "par": 4,
        "storkeindex": 1
    }, {
        "par": 3,
        "strokeindex": 17
    }, {
        "par": 4,
        "strokeindex": 9
    }, {
        "par": 4,
        "strokeindex": 7
    }, {
        "par": 4,
        "strokeindex": 3
    }, {
        "par": 5,
        "strokeindex": 6
    }, {
        "par": 4,
        "strokeindex": 16
    }, {
        "par": 3,
        "strokeindex": 13
    }, {
        "par": 4,
        "strokeindex": 14
    }, {
        "par": 4,
        "storkeindex": 2
    }, {
        "par": 3,
        "strokeindex": 18
    }, {
        "par": 4,
        "strokeindex": 10
    }, {
        "par": 4,
        "strokeindex": 8
    }, {
        "par": 4,
        "strokeindex": 4
    }]
}

上面的数据是从控制台获取的，我使用以下命令记录了它:

console.log(JSON.stringify(data));

现在我想将 data.holes 中每个对象的所有“par”信息输出到一个变量以显示在我的页面上。我尝试过很多方法，例如:

var html = "";
for(i = 1; i < 18; i++) { 
    html += data.holes[1].par + '<br/>';
}

像这样:

var html = "";
for(i = 1; i < 18; i++) {
    html += JSON.stringify(data.holes[1].par) + '<br/>';
}

像这样:

var html = "";
for(i = 1; i < 18; i++) {
    html += JSON.parse(data.holes[1].par) + '<br/>';
}

但是当我这样做时，我会收到诸如“无法读取未定义的属性“par””或“未捕获的语法错误:意外的标记o”之类的错误。有人知道出了什么问题吗？

Answer 1

尝试

for (var i = 1; i < data.holes.length; i++) {
   html += data.holes[i].par + '<br/>';
}

对我有用 检查这个fiddle