- Az Object.assign() metódus használata értékek hozzáfűzéséhez az objektumokhoz JavaScriptben
- A push() metódus használata értékek hozzáfűzéséhez az objektumokhoz JavaScriptben
- A spread (…) operátor használata az értékek objektumhoz való hozzáfűzéséhez JavaScriptben
1. módszer: Az Object.assign() metódus használata értékek hozzáfűzéséhez az objektumokhoz JavaScriptben
Az Object.assign() A metódus híres az objektumokhoz való értékek hozzáfűzéséről. Két érv kell hozzá. Az első a célobjektumot képviseli, a második argumentum pedig a kulcs/érték párokat veszi át. A szintaxisa Object.assign() módszert az alábbiakban ismertetjük:
Szintaxis
Tárgy . hozzárendelni ( cél, forrás ) ;
A paraméterek leírása itt található:
- cél : azt az objektumot adja meg, amelyhez az értékek hozzá lesznek fűzve.
- forrás : a hozzáfűzött értékre utal.
Ismerjük meg ennek a módszernek a működését a következő példakód segítségével:
Kód
konzol. log ( 'Példa az assign() metódus használatára' ) ;
legyen user_obj = {
1 : { név : 'Ádám' } ,
két : { név : 'Harry' } ,
} ;
hadd obj = Tárgy . hozzárendelni ( user_obj, { 3 : { név : 'Jasam' } } ) ;
konzol. log ( obj ) ;
Ebben a kódban:
- Először, 'Ádám' és 'Harry' értékként vannak hozzárendelve a 'név' ingatlan.
- Az Object.assign() módszert használjuk az a 'Jasam' értéket a 'user_obj' tárgy.
- Végül a console.log() módszert alkalmazzuk az összes érték megjelenítésére a konzolablakban.
Kimenet
A kimenetből megfigyelhető, hogy az új érték sikeresen hozzáadásra került az objektumhoz.
2. módszer: A push() metódus használata értékek hozzáfűzéséhez egy tömbobjektumhoz JavaScriptben
Az nyom() metódus használható egy vagy több érték hozzáadására vagy beszúrására egy tömbbe. Ez a módszer egy új tömböt ad vissza az értékek hozzáfűzése után. Lássuk, működik-e a következő szintaxissal:
Szintaxis
arr. nyom ( érték1, érték2, ..., értékN )Ebben a szintaxisban „érték1”, „érték2” és 'értékN' az értékeket kell hozzáfűzni a ' arr ” változó.
Kód
konzol. log ( 'Példa az assign() metódus használatára' ) ;const sport- = [ 'krikett' , 'jégkorong' , 'futball' ] ;
const számláló = sport. nyom ( 'kosárlabda' ) ;
konzol. log ( számláló ) ;
konzol. log ( sport- ) ;
A kód leírása itt található:
- nevű tömb 'sport' létrejön, amely három elemből áll, pl. 'krikett', 'hoki' és 'futball' .
- Ezt követően az érték 'kosárlabda' használatához fűződik sports.push() módszer JavaScriptben.
- A végén a console.log() metódus megjeleníti a tömböt a konzol ablakában .
Kimenet
A kimenet azt mutatja, hogy a 'kosárlabda' érték van hozzáfűzve a sport- objektum felhasználásával a nyom() módszer.
3. módszer: Spread (…) operátor használata az objektumokhoz értékek hozzáfűzéséhez JavaScriptben
A spread (…) operátort arra használják, hogy értékeket fűzzenek az objektumokhoz JavaScriptben. Célszerű az objektumokat egy helyre egyesíteni. A spread operátor szintaxisa az alábbiakban található:
Szintaxis
{ ... obj , kulcs : 'érték' }Ebben a szintaxisban 'érték' hozzá van rendelve a kulcs az objektumban obj .
Az alábbiakban látható az objektumhoz értékek hozzáfűzésére szolgáló spread operátor példakódja:
Kód
konzol. log ( 'Példa a spread operátor használatára' ) ;legyen obj1 = { név : 'Harry' } ;
obj2 = { ... obj1 , szín : 'fehér' } ;
konzol. log ( obj2 ) ;
Ebben a kódban:
- An 'obj1 ” az elem tárolására szolgál név az érték hozzárendelésével 'Harry' .
- Ezt követően a 'fehér' érték hozzáfűződik 'obj1' .
- A végén a console.log() metódus megjeleníti a hozzáfűzött értékeket a konzol ablakában.
Kimenet
A kimenet az új objektumot mutatja ' obj2 ' amely tartalmazza az objektum értékét ' obj1 ', valamint a hozzáfűzött érték' fehér ”.
Következtetés
A JavaScript két módszert biztosít, pl. Object.assign() és nyom() értékeket hozzáfűzni egy objektumhoz.
Az Object.assign() metódus értékeket hozzáfűz az objektumokhoz kulcs/érték páronként. Az nyom() metódus egy vagy több értéket ad egy tömbhöz. Azonban a terjedés (…) operátor használható értékek objektumokhoz való hozzáfűzésére is. Ez a bejegyzés bemutatta az értékeket JavaScript objektumokhoz való hozzáfűzésének összes lehetőségét.