web-dev-qa-db-ja.com

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

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

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

新しいペアを追加する方法{'id':5}配列に？

javascriptarrayskey-value
20
Sangram

。Push を使用します。

items.Push({'id':5});
47
CodingIntrigue

。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);
5
Mohammad Usman

。concat（） は新しい値を返すため、 。concat（） は 。Push（） よりも優れている場合がありますarray（ 。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}]。

2
Natorious