Comment ajouter un objet à un tableau en JavaScript
La façon la plus simple d'ajouter un objet ou tout autre type d'élément à un tableau JavaScript est l'indexation. Vous pouvez simplement assigner l'objet à un index du tableau et s'il y a déjà un élément présent alors il sera remplacé par le nouvel objet :
laisser obj = { 'Nom' : 'John Doe' , 'identifiant' : 3 } ;laisser arr = [ { 'Nom' : 'Richard Roë' , 'identifiant' : 1 } , { 'Nom' : 'John Smith' , 'identifiant' : deux } ] ;
arr [ deux ] = obj ;
console. Journal ( arr ) ;
Cette méthode est assez simple 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() , unshift() et épissure() . Leurs fonctionnalités sont légèrement différentes mais n'importe laquelle de ces méthodes peut être utilisée. Voyons en quoi ils sont différents :
méthode array.push()
La méthode array.push() prend des éléments comme paramètres et les ajoute à la fin du tableau et renvoie la nouvelle taille du tableau :
laisser obj = { 'Nom' : 'John Doe' , 'identifiant' : 3 } ;
laisser arr = [ { 'Nom' : 'Richard Roë' , 'identifiant' : 1 } , { 'Nom' : 'John Smith' , 'identifiant' : deux } ] ;
arr. pousser ( obj ) ;
console. Journal ( arr ) ;
array.unshift() Méthode
La fonction array.unshift() est l'opposé de la méthode push car elle ajoute des éléments au début du tableau. Semblable à la méthode push, elle peut prendre un ou plusieurs éléments comme paramètres et les ajouter à un tableau :
laisser obj = { 'Nom' : 'Richard Roë' , 'identifiant' : 1 } ;laisser arr = [ { 'Nom' : 'John Smith' , 'identifiant' : deux } , { 'Nom' : 'John Doe' , 'identifiant' : 3 } ] ;
arr. débrayer ( obj ) ;
console. Journal ( arr ) ;
méthode array.splice()
La méthode array.splice() est un peu différente car elle peut être utilisée à la fois pour supprimer et insérer des éléments à partir d'un index donné. Il prend trois arguments, l'index, le nombre d'éléments à supprimer et le nouvel élément à ajouter :
laisser obj = { 'Nom' : 'John Doe' , 'identifiant' : 3 } ;laisser arr = [ { 'Nom' : 'Richard Roë' , 'identifiant' : 1 } , { 'Nom' : 'John Smith' , 'identifiant' : deux } ] ;
arr. épissure ( deux , 0 , obj )
console. Journal ( arr ) ;
Nous avons donné 0 comme 2ème paramètre car nous ne voulons supprimer aucun élément du tableau existant.
Méthodes utiles supplémentaires
JavaScript propose également de nombreuses autres méthodes utiles pour manipuler les tableaux, les objets et les objets présents dans les tableaux. Le array.apply() et le array.concat() sont deux de ces fonctions qui pourraient être utiles dans notre cas.
La méthode array.apply() peut être utilisée pour combiner le contenu de tableaux. Ainsi, 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 apply(). De plus, si vous avez besoin qu'un nouveau tableau soit formé à partir du contenu du tableau existant, vous pouvez utiliser la fonction concat().
Conclusion
Les méthodes push, unshift et splice peuvent être utilisées pour ajouter des objets aux tableaux JavaScript. La méthode push ajoute des objets à la fin, la méthode unshift ajoute des objets au début et la méthode splice les ajoute à un index donné du tableau. Toutes ces méthodes ont été expliquées en détail dans le guide ci-dessus.