- Použití metody Object.assign() k připojení hodnot k objektu v JavaScriptu
- Použití metody push() k připojení hodnot k objektu v JavaScriptu
- Použití operátoru spread (…) k připojení hodnot k objektu v JavaScriptu
Metoda 1: Použití metody Object.assign() k připojení hodnot k objektu v JavaScriptu
The Object.assign() metoda je známá pro připojování hodnot k objektům. Chce to dva argumenty. První představuje cílový objekt a druhý argument přebírá páry klíč/hodnota. Syntaxe Object.assign() metoda je uvedena níže:
Syntax
Objekt . přiřadit ( cíl, zdroj ) ;
Parametry jsou popsány zde:
- cílová : určuje objekt, ke kterému budou hodnoty připojeny.
- zdroj : odkazuje na připojovanou hodnotu.
Pojďme pochopit fungování této metody pomocí následujícího příkladu kódu:
Kód
řídicí panel. log ( 'Příklad použití metody assign()' ) ;
nechť user_obj = {
1 : { název : 'Adam' } ,
dva : { název : 'Harry' } ,
} ;
nechť obj = Objekt . přiřadit ( user_obj, { 3 : { název : 'jasam' } } ) ;
řídicí panel. log ( obj ) ;
V tomto kódu:
- Za prvé, 'Adam' a 'Harry' jsou přiřazeny jako hodnoty k 'název' vlastnictví.
- The Object.assign() metoda se používá k připojení a 'jasam' hodnotu k 'user_obj' objekt.
- Konečně, console.log() metoda se používá k zobrazení všech hodnot v okně konzoly.
Výstup
Z výstupu je pozorováno, že nová hodnota byla úspěšně přidána do objektu.
Metoda 2: Použití metody push() k připojení hodnot k objektu Array v JavaScriptu
The TLAČIT() metodu lze použít k přidání nebo vložení jedné nebo více hodnot do pole. Tato metoda vrátí nové pole po připojení hodnot. Podívejme se, zda to funguje pomocí následující syntaxe:
Syntax
arr. TLAČIT ( hodnota1, hodnota2, ..., hodnotaN )V této syntaxi 'hodnota1', 'hodnota2' a 'hodnotaN' jsou hodnoty, které mají být připojeny k „ arr “proměnná.
Kód
řídicí panel. log ( 'Příklad použití metody assign()' ) ;konst sportovní = [ 'kriket' , 'hokej' , 'Fotbal' ] ;
konst čelit = sportovní. TLAČIT ( 'Basketball' ) ;
řídicí panel. log ( čelit ) ;
řídicí panel. log ( sportovní ) ;
Popis kódu je uveden zde:
- Pole s názvem 'sportovní' je vytvořen, který se skládá ze tří prvků, tj. 'kriket', 'hokej' a 'Fotbal' .
- Poté hodnota 'Basketball' je připojen k použití sports.push() metoda v JavaScriptu.
- Nakonec console.log() metoda zobrazí pole v okně konzoly .
Výstup
Výstup ukazuje, že 'Basketball' hodnota je připojena k sportovní objektu pomocí TLAČIT() metoda.
Metoda 3: Použití operátoru Spread (…) k připojení hodnot k objektu v JavaScriptu
Operátor spread (…) se používá k připojení hodnot k objektům v JavaScriptu. Je užitečné sloučit objekty do jednoho místa. Syntaxe operátoru spread je uvedena níže:
Syntax
{ ... obj , klíč : 'hodnota' }V této syntaxi 'hodnota' je přiřazen k klíč v objektu obj .
Níže je uveden příklad kódu operátoru spread pro připojení hodnot k objektu:
Kód
řídicí panel. log ( 'Příklad použití operátoru spread' ) ;nechť obj1 = { název : 'Harry' } ;
obj2 = { ... obj1 , barva : 'bílý' } ;
řídicí panel. log ( obj2 ) ;
V tomto kódu:
- An 'obj1 “ se používá k uložení prvku název přiřazením hodnoty 'Harry' .
- Poté, 'bílý' hodnota se připojuje k 'obj1' .
- Nakonec console.log() metoda zobrazí připojené hodnoty v okně konzoly.
Výstup
Výstup ukazuje nový objekt „ obj2 “, který obsahuje hodnotu z objektu “ obj1 “ a také připojená hodnota “ bílý “.
Závěr
JavaScript nabízí dvě metody, tj. Object.assign() a TLAČIT() pro připojení hodnot k objektu.
The Object.assign() metoda připojující hodnoty k objektům pomocí párů klíč/hodnota. The TLAČIT() metoda přidá jednu nebo více hodnot do pole. Nicméně, šíření Operátor (…) lze také použít k připojení hodnot k objektu. Tento příspěvek demonstroval všechny možnosti pro připojení hodnot k objektu v JavaScriptu.