Comment ajouter un objet à la table en javascript
Comment ajouter un objet à la table en javascript
La manière la plus simple qu'un objet ou tout autre type d'élément puisse être ajouté à un tableau JavaScript est indexé. Vous pouvez simplement affecter l'objet à un index du tableau et s'il y a un élément déjà présent, il sera remplacé par le nouvel objet:
Soit obj = "name": "John Doe", "id": 3;Soit arr = ["name": "Richard Roe", "id": 1, "name": "John Smith", "id": 2];
arr [2] = obj;
console.log (arr);
Cette méthode est assez facile mais il est difficile de connaître les indices et la taille des tableaux, nous devons donc rechercher d'autres méthodes qui peuvent être utilisées pour ajouter des objets aux tableaux. Les méthodes les plus connues, pratiques et faciles à utiliser sont pousser(), Unhift () et épissure(). Leurs fonctionnalités sont légèrement différentes, mais l'une de ces méthodes peut être utilisée. Jetons un coup d'œil à la façon dont celles-ci sont différentes:
déployer.Méthode push ()
Le tableau.La méthode push () prend des éléments comme paramètres et les ajoute à la fin du tableau et renvoie la nouvelle taille du tableau:
Soit obj = "name": "John Doe", "id": 3;Soit arr = ["name": "Richard Roe", "id": 1, "name": "John Smith", "id": 2];
art.push (obj);
console.log (arr);
déployer.Méthode UNSHIFT ()
Le tableau.La fonction Unsich () est l'opposé de la méthode Push car elle ajoute des éléments au début du tableau. Semblable à la méthode push, il peut prendre un ou plusieurs éléments comme paramètres et les ajouter à un tableau:
Soit Obj = "Name": "Richard Roe", "ID": 1;Soit arr = ["name": "John Smith", "id": 2, "name": "John Doe", "id": 3];
art.Unhift (obj);
console.log (arr);
déployer.Méthode Splice ()
Le tableau.La méthode splice () est un peu différente car elle peut être utilisée pour supprimer et insérer des éléments d'un index donné. Il faut trois arguments, l'index, aucun éléments à supprimer et le nouvel élément qui doit être ajouté:
Soit obj = "name": "John Doe", "id": 3;Soit arr = ["name": "Richard Roe", "id": 1, "name": "John Smith", "id": 2];
art.Splice (2, 0, OBJ)
console.log (arr);
Nous avons donné 0 comme 2ème paramètre car nous ne voulons pas supprimer les éléments du tableau existant.
Méthodes utiles supplémentaires
JavaScript propose également beaucoup d'autres méthodes utiles pour manipuler des tableaux, des objets et des objets présents dans les tableaux. Le tableau.appliquer () et le tableau.concat () sont deux de ces fonctions qui pourraient être utiles dans notre cas.
Le tableau.appliquer () la méthode peut être utilisée pour combiner le contenu des tableaux. Donc, si vous avez deux tableaux différents qui contiennent des objets et que vous souhaitez ajouter les objets d'un tableau à un autre, vous n'avez pas à le faire manuellement un par un. Vous pouvez simplement utiliser la méthode appliquer (). De plus, si vous avez besoin d'un nouveau tableau à former à partir du contenu du tableau existant, vous pouvez utiliser la fonction concat ().
Conclusion
Les méthodes de poussée, de décalage et d'épissage peuvent être utilisées pour ajouter des objets aux tableaux JavaScript. La méthode push ajoute des objets à la fin, la méthode de décalage ajoute des objets au début et la méthode d'épissage les ajoute à un index donné du tableau. Toutes ces méthodes ont été largement expliquées dans le guide ci-dessus.