- Utilisation de la méthode Object.assign() pour ajouter des valeurs à l'objet en JavaScript
- Utilisation de la méthode push () pour ajouter des valeurs à un objet en JavaScript
- Utilisation de l'opérateur spread (…) pour ajouter des valeurs à l'objet en JavaScript
Méthode 1 : Utilisation de la méthode Object.assign() pour ajouter des valeurs à l'objet en JavaScript
La Objet.assign() La méthode est célèbre pour ajouter des valeurs aux objets. Il faut deux arguments. Le premier représente l'objet cible et le second argument prend les paires clé/valeur. La syntaxe de Objet.assign() méthode est fournie ci-dessous:
Syntaxe
Objet . attribuer ( cible, source ) ;
Les paramètres sont décrits ici :
- cible : spécifie l'objet auquel les valeurs seront ajoutées.
- la source : fait référence à la valeur ajoutée.
Comprenons le fonctionnement de cette méthode via l'exemple de code suivant :
Code
console. Journal ( 'Un exemple d'utilisation de la méthode assign()' ) ;
laisser user_obj = {
1 : { Nom : 'Adam' } ,
deux : { Nom : 'Harry' } ,
} ;
laisser obj = Objet . attribuer ( obj_utilisateur, { 3 : { Nom : 'Jasam' } } ) ;
console. Journal ( obj ) ;
Dans ce code :
- Premièrement, 'Adam' et 'Harry' sont attribués comme valeurs aux 'Nom' propriété.
- La Objet.assign() méthode est utilisée pour ajouter un 'Jasam' valeur à la 'obj_utilisateur' objet.
- Finalement, le console.log() La méthode est utilisée pour présenter toutes les valeurs dans la fenêtre de la console.
Production
On observe à partir de la sortie que la nouvelle valeur est ajoutée avec succès à l'objet.
Méthode 2 : Utilisation de la méthode push() pour ajouter des valeurs à un objet tableau en JavaScript
La pousser() La méthode peut être utilisée pour ajouter ou insérer une ou plusieurs valeurs dans un tableau. Cette méthode renvoie un nouveau tableau après avoir ajouté des valeurs. Voyons si cela fonctionne via la syntaxe suivante :
Syntaxe
arr. pousser ( valeur1, valeur2, ..., valeurN )Dans cette syntaxe, 'valeur1', 'valeur2' et 'valeurN' sont les valeurs à ajouter au ' arr ” variables.
Code
console. Journal ( 'Un exemple d'utilisation de la méthode assign()' ) ;constante des sports = [ 'criquet' , 'le hockey' , 'Football' ] ;
constante compteur = des sports. pousser ( 'basket' ) ;
console. Journal ( compteur ) ;
console. Journal ( des sports ) ;
La description du code est fournie ici :
- Un tableau nommé 'des sports' est créé qui comprend trois éléments à savoir, 'cricket', 'hockey' et 'Football' .
- Après cela, la valeur 'basket' est annexé à l'utilisation du sports.push() méthode en JavaScript.
- En fin de compte, le console.log() la méthode affiche le tableau dans la fenêtre de la console .
Production
La sortie montre que le 'basket' la valeur est ajoutée à la des sports objet en utilisant le pousser() méthode.
Méthode 3 : Utilisation de l'opérateur Spread (…) pour ajouter des valeurs à l'objet en JavaScript
L'opérateur spread (…) est utilisé pour ajouter des valeurs aux objets en JavaScript. Il est utile de fusionner des objets en un seul endroit. La syntaxe de l'opérateur de propagation est fournie ci-dessous :
Syntaxe
{ ... obj , clé : 'évaluer' }Dans cette syntaxe, 'évaluer' est attribué à la clé dans l'objet obj .
L'exemple de code de l'opérateur de propagation pour ajouter des valeurs à un objet est fourni ci-dessous :
Code
console. Journal ( 'Un exemple d'utilisation de l'opérateur de propagation' ) ;laisser obj1 = { Nom : 'Harry' } ;
obj2 = { ... obj1 , Couleur : 'blanche' } ;
console. Journal ( obj2 ) ;
Dans ce code :
- Un 'obj1 ” est utilisé pour stocker l'élément Nom en attribuant la valeur 'Harry' .
- Après cela, le 'blanche' la valeur s'ajoute à 'obj1' .
- En fin de compte, le console.log() La méthode affiche les valeurs ajoutées dans la fenêtre de la console.
Production
La sortie affiche le nouvel objet ' obj2 ' qui contient la valeur de l'objet ' obj1 ' ainsi que la valeur ajoutée ' blanche ”.
Conclusion
JavaScript fournit deux méthodes, à savoir, Objet.assign() et pousser() pour ajouter des valeurs à un objet.
La Objet.assign() méthode ajoutant des valeurs aux objets par paires clé/valeur. La pousser() La méthode ajoute une ou plusieurs valeurs dans un tableau. Cependant, le se propager (…) L'opérateur peut également être utilisé pour ajouter des valeurs à un objet. Cet article a démontré toutes les possibilités d'ajout de valeurs à un objet en JavaScript.