Un objecte en JavaScript es descriu com un grup de parells clau-valor. De vegades, els desenvolupadors poden requerir la combinació de les propietats dels dos objectes en un objecte nou. Aquest procés s'anomena fusió. Per combinar objectes, JavaScript proporciona alguns mètodes integrats anomenats ' Object.assign() mètode ' o el ' Operador de propagació ”.
Aquesta publicació descriurà els mètodes per combinar dinàmicament les propietats de dos objectes JavaScript.
Com fusionar les propietats de dos objectes JavaScript de manera dinàmica?
Utilitzeu els mètodes següents per combinar dinàmicament les propietats de dos objectes JavaScript:
Mètode 1: combinar/combinar propietats de dos objectes JavaScript de manera dinàmica mitjançant el mètode Object.assign()
Utilitzar el ' Object.assign() ” mètode per combinar dinàmicament les propietats de dos objectes JavaScript. Aquest mètode manté la integritat dels objectes originals copiant totes les propietats enumerables a un objecte de destinació des d'un o més objectes d'origen. Si el mateix atribut està present en ambdós objectes, el valor del segon objecte substituirà el valor del primer. Tingueu en compte que aquest mètode només copia les propietats enumerables, de manera que no copiarà les propietats heretades del prototip de l'objecte.
Sintaxi
Seguiu la sintaxi proporcionada per combinar dos objectes JavaScript:
targetObject = Object.assign ( obj1, obj2,... ) ;Exemple
Crea un objecte ' informació ”:
on info = {nom: 'Jenny' ,
edat: 24 ,
Rollno: 15
} ;
Crea un segon objecte ' activitats ” amb els parells de claus següents:
var activitats = {joc: 'Cricket' ,
exercici: 'Ioga'
} ;
Truqueu al ' Object.assign() ” mètode per combinar les propietats del “ informació ' i ' activitats ' en un objecte nou anomenat ' estudiant ”:
var student = Object.assign ( informació, activitats ) ;Imprimeix les propietats de l'objecte ' estudiant ' utilitzant el ' console.log() ” mètode:
console.log ( estudiant ) ;La sortida indica que les propietats dels objectes ' informació ' i ' activitats ' es fusionen correctament en el nou objecte ' estudiant ”:
Mètode 2: combinar/combinar les propietats de dos objectes JavaScript de manera dinàmica mitjançant l'operador de propagació
Hi ha un altre enfocament per combinar els dos objectes JavaScript, que utilitza el ' Operador de propagació ”. És l'enfocament més utilitzat per combinar objectes copiant tots els atributs dels objectes. Si dos objectes tenen una propietat amb el mateix nom, la propietat de l'objecte de la dreta substitueix l'anterior.
Sintaxi
La sintaxi següent s'utilitza per combinar propietats de dos objectes JavaScript amb l'ajuda de l'operador Spread:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Exemple
Crea un objecte nou ' estudiant ” i fusionar les propietats dels objectes “ informació ' i ' activitats ' en l'estudiant utilitzant l'operador Spread ' … ”:
era un estudiant = {...informació, ...activitats
} ;
Sortida
Hem proporcionat tota la informació necessària relacionada amb la fusió dels objectes en JavaScript.
Conclusió
Per combinar/combinar les propietats dels objectes en JavaScript, utilitzeu el ' Object.assign() mètode ' o el ' Operador de propagació ”. L'operador de propagació és l'enfocament més utilitzat per combinar les propietats dels objectes JavaScript. Si el mateix atribut està present en ambdós objectes, el valor del segon objecte substituirà el valor del primer. En aquesta publicació, vam descriure els mètodes per combinar/combinar dinàmicament les propietats de dos objectes JavaScript.