web-dev-qa-db-fra.com

Comment ajouter un nouvel objet (paire clé-valeur) à un tableau en javascript?

J'ai un tableau comme: 

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

Comment dois-je ajouter une nouvelle paire {'id':5} au tableau?

19
Sangram

Utilisez .Push :

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

Parfois, .concat () est meilleur que .Push () car .concat () renvoie le nouveau tableau alors que .Push () renvoie à la longueur du tableau. 

Par conséquent, si vous définissez une variable égale au résultat, utilisez .concat () .

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

Dans ce cas, newArray retournera 5 (la longueur du tableau).

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

Cependant, ici newArray retournera [{'id': 1}, {'id': 2}, {'id': 3}, {'id': 4}, {'id': 5} ].

2
Natorious

.Push () ajoutera des éléments à la fin d'un tableau.

Utilisez .unshift () si besoin d’ajouter un élément au début du tableau i.e:

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

Démo:

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

Et utilisez .splice () si vous voulez ajouter un objet à un index particulier, par exemple:

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

Démo:

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

1
Mohammad Usman