javascript - 访问部分 javascript 数组 (mysqljs)

Question

我正在使用 mysqljs 从 javascript 中的数据库中提取数据

我可以得到输出:

{ 
  "Success": true,
  "Result": [{ 
    "buttonName": "90p"
  }, {
    "buttonName": "£1.90"
  }, {
    "buttonName": "£4.90"
  }]
}

使用:

document.getElementById("output").innerHTML = JSON.stringify(data);

但是，我如何访问数组的每个部分。

我试过:

data[1].buttonName

任何帮助将不胜感激。

Answer 1

您需要遍历该数组 Result。

例如: data.Result[index].buttonName

此示例循环该数组并将新元素附加到 ID 为 output 的 div。

var data = { 
  "Success": true,
  "Result": [{ 
    "buttonName": "90p"
  }, {
    "buttonName": "£1.90"
  }, {
    "buttonName": "£4.90"
  }]
}

var output = document.getElementById("output");
data.Result.forEach(function(o) {
  var p = document.createElement('p');
  p.appendChild(document.createTextNode(o.buttonName));
  output.appendChild(p);
});

<div id='output'>
</div>