javascript - 如何在javascript中向数组添加新对象（键值对）？

Question

我有一个数组：

items=[{'id':1},{'id':2},{'id':3},{'id':4}];

{'id':5}我应该如何在阵列中添加一对新的？

Answer 1

使用.push：

items.push({'id':5});

Answer 2

.push()将元素添加到数组的末尾。

如果需要在数组的开头添加一些元素，请使用.unshift() ，即：

items.unshift({'id':5});

演示：

items = [{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}];
items.unshift({'id': 0});
console.log(items);

如果您想在特定索引处添加对象，请使用.splice() ，即：

items.splice(2, 0, {'id':5});
           // ^ Given object will be placed at index 2...

演示：

items = [{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}];
items.splice(2, 0, {'id': 2.5});
console.log(items);

Answer 3

有时.concat()比.push()更好，因为.concat()返回新数组，而.push()返回数组的长度。

因此，如果您设置的变量等于结果，请使用.concat()。

items = [{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}];
newArray = items.push({'id':5})

在这种情况下，newArray将返回 5（数组的长度）。

newArray = items.concat({'id': 5})

但是，这里newArray将返回 [{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}, {'id': 5}]。

Answer 4

ES6 的新解决方案

默认对象

object = [{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}];

另一个对象

object =  {'id': 5};

对象分配 ES6

resultObject = {...obj, ...newobj};

结果

[{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}, {'id': 5}];

Answer 5

如果你在做 jQuery，并且你有一个关于表单数据的serializeArray事情，例如：

var postData = $('#yourform').serializeArray();

// postData (array with objects) : 
// [{name: "firstname", value: "John"}, {name: "lastname", value: "Doe"}, etc]

...并且您需要向此数组添加一个具有相同结构的键/值，例如在发布到 PHP ajax 请求时，然后：

postData.push({"name": "phone", "value": "1234-123456"});

结果：

// postData : 
// [{name: "firstname", value: "John"}, {name: "lastname", value: "Doe"}, {"name":"phone","value":"1234-123456"}]