Ajouter des valeurs à un objet en JavaScript
-
Utilisez la méthode
object.assign()pour ajouter des éléments aux objets en JavaScript -
Utilisez la méthode
push()pour ajouter des éléments aux objets en JavaScript - 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,
const course = {
name: 'JavaScript'
};
const grade = {
score: 92
};
const finalResult = Object.assign(course, grade);
console.log(finalResult);
Production:
{ 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,
const brands = ['nike', 'reebok', 'adidas'];
const count = brands.push('venum');
console.log(count);
console.log(brands);
Production:
4
[ '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,
const brands = [{nike: 1500}];
const count = brands.push({reebok: 2000});
console.log(count);
console.log(brands);
Production:
2 [{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,
const rectangle = {
radius: 10
};
const style = {
Backcolour: 'red'
};
const solidRectangle = {
...rectangle,
...style
};
console.log(solidRectangle);
Production:
{ radius: 10, Backcolour: 'red' }