Ajouter des valeurs à un objet en JavaScript

1. Utilisez la méthode object.assign() pour ajouter des éléments aux objets en JavaScript
2. Utilisez la méthode push() pour ajouter des éléments aux objets en JavaScript
3. Utilisez l’opérateur Spread pour ajouter aux objets en JavaScript

Les objets sont mutables par défaut en JavaScript. Nous pouvons les modifier par la suite, en fonction de nos besoins.

Ce didacticiel montre comment ajouter des valeurs aux objets JavaScript.

Utilisez la méthode object.assign() pour ajouter des éléments aux objets en JavaScript

La méthode object.assign() copiera toutes les propriétés définies dans un objet vers un autre objet, c’est-à-dire qu’elle copie toutes les propriétés d’une ou plusieurs sources vers les objets cibles. En faisant cela, nous ajoutons un élément à l’objet.

Par example,

 javascriptCopyconst course = {
  name: 'JavaScript'
};
const grade = {
  score: 92
};
const finalResult = Object.assign(course, grade);
console.log(finalResult);

Production:

 textCopy{ name: 'JavaScript', score: 92 }

Utilisez la méthode push() pour ajouter des éléments aux objets en JavaScript

La fonction push() ajoute un ou plusieurs éléments à la fin d’un tableau et renvoie la nouvelle longueur du tableau.

Par example,

 javascriptCopyconst brands = ['nike', 'reebok', 'adidas'];
const count = brands.push('venum');
console.log(count);
console.log(brands);

Production:

 textCopy4
[ 'nike', 'reebok', 'adidas', 'venum' ]

Notez que count renvoie la longueur du tableau. C’est probablement la méthode la plus simple pour ajouter des éléments à un objet inclus dans un tableau. Il est conseillé d’utiliser des tableaux car ils sont également mutables.

Par example,

 javascriptCopyconst brands = [{nike: 1500}];
const count = brands.push({reebok: 2000});
console.log(count);
console.log(brands);

Production:

 javascriptCopy2 [{nike: 1500}, {reebok: 2000}]

Utilisez l’opérateur Spread pour ajouter aux objets en JavaScript

L’opérateur spread est utilisé pour fusionner ou cloner des objets en JavaScript. Il peut être utilisé lorsque tous les éléments d’un objet doivent être inclus dans une liste.

Par example,

 javascriptCopyconst rectangle = {
  radius: 10
};
const style = {
  Backcolour: 'red'
};
const solidRectangle = {
  ...rectangle,
  ...style
};
console.log(solidRectangle);

Production:

 textCopy{ radius: 10, Backcolour: 'red' }