javascript - 在javascript中迭代JSON以放入选择选项

Question

我在迭代某些 JSON 以放入选择选项时一直遇到问题
(顺便说一句，忽略“标签”的实际值，那些是垃圾 atm)。

这是我的 php 传递给它的示例:

[{"value":"1","label":"04-22-12"},{"value":"4","label":"04\/04\/12"}]

我目前正在尝试这个循环:*注意，dateSelect 是在别​​处定义的

for (res in JSON.parse(request.responseText)) {
    var date = document.createElement("option");
    date.value = res.value;
    date.text = res.label;
    dateSelect.add(date, null);
}

但是，它在我的选项中添加了“未定义”...我如何获取它以便将每个值和相应的标签正确地放入其中？

Answer 1

你有一个数组，所以不要 for-in。

在您的代码中，res 是属性名称​​(在本例中为数组的索引)，其形式为字符串，因此您要查找的属性不会在字符串上定义。

像这样...

for (var i = 0, parsed = JSON.parse(request.responseText); i < parsed.length; i++) {
    var res = parsed[i];
    var date = document.createElement("option");
    date.value = res.value;
    date.text = res.label;
    dateSelect.add(date, null);
}