Egy JavaScript-objektum kulcs-érték párok csoportjaként van leírva. Néha a fejlesztők megkövetelhetik a két objektum tulajdonságainak egyesítését egy új objektumban. Ezt a folyamatot összevonásnak nevezik. Az objektumok egyesítéséhez a JavaScript néhány beépített metódust biztosít, az úgynevezett ' Object.assign() ' módszer vagy a ' Spread operátor ”.
Ez a bejegyzés leírja a két JavaScript objektum tulajdonságainak dinamikus egyesítésének módszereit.
Hogyan lehet két JavaScript-objektum tulajdonságait dinamikusan egyesíteni?
Használja a következő módszereket két JavaScript objektum tulajdonságainak dinamikus egyesítéséhez:
1. módszer: Két JavaScript-objektum tulajdonságainak egyesítése/kombinálása dinamikusan az Object.assign() metódus használatával
Használja a ' Object.assign() ” metódus két JavaScript objektum tulajdonságainak dinamikus kombinálásához. Ez a módszer megőrzi az eredeti objektumok integritását azáltal, hogy az összes felsorolható tulajdonságot átmásolja egy célobjektumra egy vagy több forrásobjektumból. Ha ugyanaz az attribútum mindkét objektumban megtalálható, akkor a második objektum értéke lecseréli az első értéket. Vegye figyelembe, hogy ez a módszer csak felsorolható tulajdonságokat másol, tehát nem másolja át az objektum prototípusától örökölt tulajdonságokat.
Szintaxis
Kövesse a megadott szintaxist két JavaScript objektum egyesítéséhez:
targetObject = Object.assign ( obj1, obj2, ... ) ;Példa
Hozzon létre egy objektumot ' info ”:
ahol info = {név: 'Jenny' ,
kor: 24 ,
Rollno: tizenöt
} ;
Második objektum létrehozása ' tevékenységek ” a következő kulcspárokkal:
var tevékenységek = {játszma, meccs: 'Krikett' ,
gyakorlat: 'Jóga'
} ;
Hívja a ' Object.assign() ' metódus a ' tulajdonságainak egyesítéséhez info ” és „ tevékenységek ' egy új objektumban ' diák ”:
var student = Object.assign ( információk, tevékenységek ) ;Nyomtassa ki az objektum tulajdonságait ' diák ' használni a ' console.log() ” módszer:
console.log ( diák ) ;A kimenet azt jelzi, hogy az objektumok tulajdonságai info ” és „ tevékenységek ' sikeresen egyesültek az új objektumban ' diák ”:
2. módszer: Két JavaScript-objektum tulajdonságainak egyesítése/kombinálása dinamikusan a Spread Operator használatával
Van egy másik megközelítés a két JavaScript objektum egyesítésére, amely a ' Spread operátor ”. Ez az általánosan használt megközelítés az objektumok egyesítésére az összes attribútum objektumokról való másolásával. Ha két objektumnak azonos nevű tulajdonsága van, akkor a jobb oldali objektumtulajdonság helyettesíti a korábbit.
Szintaxis
A következő szintaxist használjuk két JavaScript objektum tulajdonságainak egyesítésére a Spread operátor segítségével:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Példa
Hozzon létre egy új objektumot ' diák 'és egyesítse az objektumok tulajdonságait' info ” és „ tevékenységek ' tanulóban Spread operátor használatával ' … ”:
diák volt = {...információ, ...tevékenység
} ;
Kimenet
Minden szükséges információt megadtunk az objektumok JavaScriptben való egyesítéséhez.
Következtetés
Az objektumok tulajdonságainak egyesítéséhez/kombinációjához JavaScriptben használja a „ Object.assign() ' módszer vagy a ' Spread operátor ”. A terjedési operátor a leggyakrabban használt módszer a JavaScript objektumok tulajdonságainak egyesítésére. Ha ugyanaz az attribútum mindkét objektumban megtalálható, akkor a második objektum értéke lecseréli az első értéket. Ebben a bejegyzésben leírtuk azokat a módszereket, amelyek segítségével dinamikusan egyesíthetők/kombinálhatók két JavaScript-objektum tulajdonságai.