Un objet en JavaScript est décrit comme un groupe de paires clé-valeur. Parfois, les développeurs peuvent avoir besoin de combiner les propriétés des deux objets dans un nouvel objet. Ce processus est appelé fusion. Pour fusionner des objets, JavaScript fournit des méthodes intégrées appelées ' Objet.assign() » ou la méthode « Opérateur de propagation ”.
Cet article décrira les méthodes pour fusionner dynamiquement les propriétés de deux objets JavaScript.
Comment fusionner dynamiquement les propriétés de deux objets JavaScript ?
Utilisez les méthodes suivantes pour fusionner dynamiquement les propriétés de deux objets JavaScript :
Méthode 1 : fusionner/combiner dynamiquement les propriétés de deux objets JavaScript à l'aide de la méthode Object.assign()
Utilisez le ' Objet.assign() ” pour combiner dynamiquement les propriétés de deux objets JavaScript. Cette méthode maintient l'intégrité des objets d'origine en copiant toutes les propriétés énumérables dans un objet cible à partir d'un ou plusieurs objets source. Si le même attribut est présent dans les deux objets, la valeur du deuxième objet remplacera la valeur du premier. Notez que cette méthode copie uniquement les propriétés énumérables, elle ne copiera donc pas les propriétés héritées du prototype de l'objet.
Syntaxe
Suivez la syntaxe fournie pour fusionner deux objets JavaScript :
targetObject = Object.assign ( obj1, obj2, ... ) ;Exemple
Créer un objet ' Info ” :
où info = {Nom: 'Jenny' ,
âge: 24 ,
Numéro de rouleau : quinze
} ;
Créer un deuxième objet ' Activités ” avec les paires de clés suivantes :
var activités = {Jeu: 'Criquet' ,
exercer: 'Yoga'
} ;
Appeler le ' Objet.assign() ” pour fusionner les propriétés de la “ Info ' et ' Activités ' dans un nouvel objet appelé ' étudiant ” :
var étudiant = Objet.assign ( infos, activités ) ;Imprimer les propriétés de l'objet ' étudiant ' en utilisant le ' console.log() ' méthode:
console.log ( étudiant ) ;La sortie indique que les propriétés des objets ' Info ' et ' Activités ' sont fusionnés avec succès dans le nouvel objet ' étudiant ” :
Méthode 2 : fusionner/combiner dynamiquement les propriétés de deux objets JavaScript à l'aide de l'opérateur Spread
Il existe une autre approche pour fusionner les deux objets JavaScript, qui utilise le ' Opérateur de propagation ”. C'est l'approche couramment utilisée pour fusionner des objets en copiant tous les attributs des objets. Si deux objets ont une propriété portant le même nom, la propriété d'objet à droite remplace la précédente.
Syntaxe
La syntaxe suivante est utilisée pour fusionner les propriétés de deux objets JavaScript à l'aide de l'opérateur Spread :
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Exemple
Créer un nouvel objet ' étudiant ' et fusionner les propriétés des objets ' Info ' et ' Activités ' chez l'élève utilisant l'opérateur Spread ' … ” :
était étudiant = {...infos, ...activités
} ;
Sortir
Nous avons fourni toutes les informations nécessaires liées à la fusion des objets en JavaScript.
Conclusion
Pour fusionner/combiner les propriétés des objets en JavaScript, utilisez le ' Objet.assign() » ou la méthode « Opérateur de propagation ”. L'opérateur de propagation est l'approche la plus couramment utilisée pour fusionner les propriétés des objets JavaScript. Si le même attribut est présent dans les deux objets, la valeur du deuxième objet remplacera la valeur du premier. Dans cet article, nous avons décrit les méthodes pour fusionner/combiner dynamiquement les propriétés de deux objets JavaScript.