Ako pripojiť hodnoty k objektu v JavaScripte

Ako Pripojit Hodnoty K Objektu V Javascripte



Objekt je najdôležitejšou entitou v programovacom jazyku vďaka svojej nemennej vlastnosti. Vďaka tejto vlastnosti môžu vývojári manipulovať s rôznymi úlohami prostredníctvom objektov. Pripojenie rôznych hodnôt k existujúcemu objektu sa vykonáva, aby sa vykonali zmeny objektov za chodu. JavaScript ponúka množstvo vstavaných metód na pripojenie hodnôt k objektom v JavaScripte. V tomto príspevku predvedieme všetky možné metódy spolu s príkladmi na pripojenie hodnôt k objektom v JavaScripte. Tento príspevok poskytuje nasledujúce vzdelávacie výstupy:

Metóda 1: Použitie metódy Object.assign() na pripojenie hodnôt k objektu v jazyku JavaScript

The Object.assign() metóda je známa tým, že k objektom pripája hodnoty. Chce to dva argumenty. Prvý predstavuje cieľový objekt a druhý argument preberá páry kľúč/hodnota. Syntax Object.assign() metóda je uvedená nižšie:

Syntax







Objekt . priradiť ( cieľ, zdroj ) ;

Parametre sú popísané tu:



  • cieľ : určuje objekt, ku ktorému budú pripojené hodnoty.
  • zdroj : odkazuje na pripájanú hodnotu.

Poďme pochopiť fungovanie tejto metódy pomocou nasledujúceho príkladu kódu:



kód





konzoly. log ( 'Príklad použitia metódy assign()' ) ;

nech user_obj = {

1 : { názov : 'Adam' } ,

dva : { názov : 'Harry' } ,

} ;

nech obj = Objekt . priradiť ( user_obj, { 3 : { názov : 'Jasam' } } ) ;

konzoly. log ( obj ) ;

V tomto kóde:

  • po prvé, 'Adam' a 'Harry' sú priradené ako hodnoty k 'názov' nehnuteľnosť.
  • The Object.assign() metóda sa používa na pripojenie a 'Jasam' hodnotu k 'user_obj' objekt.
  • Nakoniec, console.log() metóda sa používa na zobrazenie všetkých hodnôt v okne konzoly.



Výkon

Z výstupu je pozorované, že nová hodnota bola úspešne pridaná do objektu.

Metóda 2: Použitie metódy push() na pripojenie hodnôt k objektu poľa v JavaScripte

The TLAČIŤ() metódu možno použiť na pridanie alebo vloženie jednej alebo viacerých hodnôt do poľa. Táto metóda vráti nové pole po pridaní hodnôt. Pozrime sa, či to funguje pomocou nasledujúcej syntaxe:

Syntax

arr. TLAČIŤ ( hodnota1, hodnota2, ..., hodnotaN )

V tejto syntaxi 'hodnota1', 'hodnota2' a 'valueN' sú hodnoty, ktoré sa majú pripojiť k „ arr “premenná.

kód

konzoly. log ( 'Príklad použitia metódy assign()' ) ;

konšt športu = [ 'kriket' , 'hockey' , 'futbal' ] ;

konšt počítadlo = športu. TLAČIŤ ( 'basketbal' ) ;

konzoly. log ( počítadlo ) ;

konzoly. log ( športu ) ;

Popis kódu je uvedený tu:

  • Pole s názvom 'šport' je vytvorený, ktorý pozostáva z troch prvkov, tj. 'kriket', 'hokej' a 'futbal' .
  • Potom hodnota “basketbal” je pripojený k používaniu sports.push() metóda v JavaScripte.
  • Nakoniec, console.log() metóda zobrazí pole v okne konzoly .

Výkon

Výstup ukazuje, že “basketbal” hodnota je pripojená k športu objekt pomocou TLAČIŤ() metóda.

Metóda 3: Použitie operátora Spread (…) na pripojenie hodnôt k objektu v JavaScripte

Operátor spread (…) sa používa na pripojenie hodnôt k objektom v JavaScripte. Je užitočné zlúčiť objekty na jedno miesto. Syntax operátora spreadu je uvedená nižšie:

Syntax

{ ... obj , kľúč : 'value' }

V tejto syntaxi 'hodnota' je priradený k kľúč v objekte obj .

Príklad kódu operátora spread na pripojenie hodnôt k objektu je uvedený nižšie:

kód

konzoly. log ( 'Príklad použitia operátora spread' ) ;

nech obj1 = { názov : 'Harry' } ;

obj2 = { ... obj1 , farba : 'biely' } ;

konzoly. log ( obj2 ) ;

V tomto kóde:

  • An 'obj1 “ sa používa na uloženie prvku názov priradením hodnoty 'Harry' .
  • Po tom, 'biely' hodnota sa pripája k 'obj1' .
  • Nakoniec, console.log() zobrazí pridané hodnoty v okne konzoly.

Výkon

Výstup zobrazuje nový objekt „ obj2 “, ktorý obsahuje hodnotu z objektu “ obj1 “ ako aj pripojenú hodnotu “ biely “.

Záver

JavaScript poskytuje dve metódy, napr. Object.assign() a TLAČIŤ() na pripojenie hodnôt k objektu.

The Object.assign() metóda pripájajúca hodnoty k objektom podľa párov kľúč/hodnota. The TLAČIŤ() metóda pridáva jednu alebo viacero hodnôt do poľa. Avšak, šírenie Operátor (…) možno použiť aj na pripojenie hodnôt k objektu. Tento príspevok demonštroval všetky možnosti pripojenia hodnôt k objektu v JavaScripte.