javascript - javascriptの配列に新しいオブジェクト(キーと値のペア)を追加する方法は?

Question

私は次のような配列を持っています:

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

{'id':5}新しいペアをアレイに追加するにはどうすればよいですか?

Answer 1

.pushを使用します。

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

Answer 2

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 3

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"}]