javascript - 如何使用 jQuery 将 JSON 数据推送到数组中？

Question

我是 jQuery 新手，我正在尝试 getJSON 函数。我想要做的是拉取 JSON 文件的“id”部分并将其推送到 jQuery 中名为 planes 的数组中。从那里，该数组在自动完成函数中用于填充可搜索的 ID。

var planes = [];
$.getJSON('planes.json', function(data) {
    console.log('Filling array...');

//This is where I think the issue is occurring. 
//Is using the name of the section you want to use the correct syntax here?
    $.each(data.id, function (index, val) {
        planes.push(val.id);
        console.log('Pushed ' + index);
    });
});

// After getJSON, array should look something like this:
// var planes = [
//  'Alara',
//  'Fiora',
//  'Innistrad',
//  'Kamigawa',
//  'Lorwyn',
//  'Mirrodin',
//  'Ravnica',
//  'Shandalar',
//  'Zendikar'
// ];

JSON 文件的排列方式如下:

[ 
    {"id": "Ravnica"},
    {"id": "Lorwyn"},
    {"id": "Innistrad"},
    {"id": "Zendikar"},
    {"id": "Kamigawa"},
    {"id": "Mirrodin"},
    {"id": "Shandalar"},
    {"id": "Alara"},
    {"id": "Fiora"}
]

Plunker

非常感谢任何帮助。

Answer 1

你几乎已经拥有它了，尽管你正在循环遍历data.id，这不是你想要做的。您应该只循环遍历data，然后推送val.id。

如果您想要循环遍历data.id，那么您的 json 必须采用如下结构:

{
    "id": [
        "things",
        "to",
        "loop",
        "through"
    ]
}

..但事实并非如此，所以只需循环数据即可。