Objekt v JavaScriptu je popsán jako skupina párů klíč–hodnota. Někdy mohou vývojáři vyžadovat kombinaci vlastností dvou objektů v novém objektu. Tento proces se nazývá slučování. Pro slučování objektů poskytuje JavaScript některé vestavěné metody zvané „ Object.assign() “ metoda nebo “ Operátor šíření “.
Tento příspěvek popíše metody dynamického sloučení vlastností dvou objektů JavaScriptu.
Jak dynamicky sloučit vlastnosti dvou objektů JavaScriptu?
K dynamickému sloučení vlastností dvou objektů JavaScript použijte následující metody:
Metoda 1: Sloučení/kombinace vlastností dvou objektů JavaScript dynamicky pomocí metody Object.assign().
Použijte „ Object.assign() ” metoda pro dynamickou kombinaci vlastností dvou objektů JavaScriptu. Tato metoda zachovává integritu původních objektů zkopírováním všech vyčíslitelných vlastností do cílového objektu z jednoho nebo více zdrojových objektů. Pokud je v obou objektech přítomen stejný atribut, nahradí hodnota druhého objektu hodnotu prvního. Všimněte si, že tato metoda zkopíruje pouze vyčíslitelné vlastnosti, takže nebude kopírovat vlastnosti zděděné z prototypu objektu.
Syntax
Pro sloučení dvou objektů JavaScriptu postupujte podle uvedené syntaxe:
targetObject = Object.assign ( obj1, obj2, ... ) ;Příklad
Vytvořte objekt' info “:
kde info = {název: 'Jenny' ,
stáří: 24 ,
Rollno: patnáct
} ;
Vytvořte druhý objekt “ činnosti “ s následujícími páry klíčů:
var činnosti = {hra: 'Kriket' ,
cvičení: 'Jóga'
} ;
Zavolej ' Object.assign() ” metoda ke sloučení vlastností “ info ' a ' činnosti “ v novém objektu s názvem “ student “:
var student = Object.assign ( informace, aktivity ) ;Vytisknout vlastnosti objektu ' student ' za použití ' console.log() “ metoda:
konzole.log ( student ) ;Výstup ukazuje, že vlastnosti objektů „ info ' a ' činnosti “ jsou úspěšně sloučeny do nového objektu “ student “:
Metoda 2: Sloučit/kombinovat vlastnosti dvou objektů JavaScript dynamicky pomocí operátoru Spread
Existuje další přístup ke sloučení dvou objektů JavaScript, který používá „ Operátor šíření “. Je to běžně používaný přístup pro slučování objektů zkopírováním všech atributů z objektů. Pokud mají dva objekty vlastnost se stejným názvem, vlastnost objektu vpravo nahradí tu dřívější.
Syntax
Následující syntaxe se používá pro sloučení vlastností dvou objektů JavaScriptu pomocí operátoru Spread:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Příklad
Vytvořte nový objekt ' student “ a sloučit vlastnosti objektů “ info ' a ' činnosti “ ve studentovi pomocí operátoru Spread “ … “:
byl student = {...informace, ...aktivity
} ;
Výstup
Poskytli jsme všechny potřebné informace související se slučováním objektů v JavaScriptu.
Závěr
Chcete-li sloučit/zkombinovat vlastnosti objektů v JavaScriptu, použijte „ Object.assign() “ metoda nebo “ Operátor šíření “. Operátor spread je nejběžněji používaným přístupem pro slučování vlastností objektů JavaScriptu. Pokud je v obou objektech přítomen stejný atribut, nahradí hodnota druhého objektu hodnotu prvního. V tomto příspěvku jsme popsali metody dynamického sloučení/kombinace vlastností dvou objektů JavaScriptu.