javascript - 我正在尝试从数组内的对象中推送值

Question

我正在尝试推送来自对象数组(键/值)的数据，然后将其推送到数组中，以便稍后显示它们。

我已经尝试过在数组内进行推送，但到目前为止，它总是给出未定义的推送项目总数。

//array
var clients_array = '[{"code": "1", "name": "client 1"}, 
{"code": "2", "name": "client 2"}, {"code": "3", "name": "client 3"}]';

var displayClient = [];

var json_parse1 = JSON.parse(clients_array);
json_parse1.forEach(function(client){
    console.log(client.code + ' - ' + client.name);
    displayClient.push(client.code + ' - ' + client.name);
    alert(displayClient[i]);
})

使用上面的代码，在 console.log 中我得到了我想要推送的正确数据。但是，当向 displayClient 数组发出警报时(在本例中应填充 console.logged 数据)，它会显示每个数据的未定义。因此，我想推送 console.log 中显示的正确数据。

Answer 1

您需要在回调函数中添加i参数。

json_parse1.forEach(function (client, i) {
                                      ^

var clients_array = '[{"code": "1", "name": "client 1"}, {"code": "2", "name": "client 2"}, {"code": "3", "name": "client 3"}]';

var displayClient = [];

var json_parse1 = JSON.parse(clients_array);
json_parse1.forEach(function (client, i) {
    console.log(client.code + ' - ' + client.name);
    displayClient.push(client.code + ' - ' + client.name);
    alert(displayClient[i]);
})

console.log(displayClient);

更好的方法是使用 Array#map并退回新元素。

var array = [{ code: "1", name: "client 1" }, { code: "2", name: "client 2" }, { code: "3", name: "client 3" }],
    displayClient = array.map(({ code, name }) => [code, name].join(' - '));

console.log(displayClient);