Kako dodati vrijednosti objektu u JavaScriptu

Kako Dodati Vrijednosti Objektu U Javascriptu



Objekt je najvažnija cjelina u programskom jeziku zbog svoje nepromjenjivosti. Pomoću ovog svojstva programeri mogu manipulirati različitim zadacima putem objekata. Dodavanje različitih vrijednosti postojećem objektu provodi se kako bi se izvršile promjene u objektima tijekom izvođenja. JavaScript nudi niz ugrađenih metoda za dodavanje vrijednosti objektima u JavaScriptu. U ovom ćemo postu demonstrirati sve moguće metode uz primjere za dodavanje vrijednosti objektima u JavaScriptu. Ovaj post služi sljedećim ishodima učenja:

Metoda 1: Korištenje metode Object.assign() za dodavanje vrijednosti objektu u JavaScriptu

The Object.assign() metoda je poznata za dodavanje vrijednosti objektima. Potrebna su dva argumenta. Prvi predstavlja ciljni objekt, a drugi argument uzima parove ključ/vrijednost. Sintaksa Object.assign() metoda je navedena u nastavku:

Sintaksa







Objekt . dodijeliti ( cilj, izvor ) ;

Parametri su opisani ovdje:



  • cilj : specificira objekt kojem će se dodavati vrijednosti.
  • izvor : odnosi se na vrijednost koja se dodaje.

Razmotrimo rad ove metode pomoću sljedećeg primjera koda:



Kodirati





konzola. log ( 'Primjer korištenja metode assign()' ) ;

neka user_obj = {

1 : { Ime : 'Adam' } ,

dva : { Ime : 'Harry' } ,

} ;

neka obj = Objekt . dodijeliti ( korisnik_obj, { 3 : { Ime : 'Jasam' } } ) ;

konzola. log ( obj ) ;

U ovom kodu:

  • Prvo, 'Adam' i “Harry” se dodjeljuju kao vrijednosti 'Ime' vlasništvo.
  • The Object.assign() metoda se koristi za dodavanje a 'Jasam' vrijednost za “korisnički_obj” objekt.
  • Konačno, konzola.log() metoda se koristi za predstavljanje svih vrijednosti u prozoru konzole.



Izlaz

Iz izlaza se vidi da je nova vrijednost uspješno dodana objektu.

Metoda 2: Korištenje metode push() za dodavanje vrijednosti objektu polja u JavaScriptu

The gurnuti() metoda se može koristiti za dodavanje ili umetanje jedne ili više vrijednosti u polje. Ova metoda vraća novi niz nakon dodavanja vrijednosti. Da vidimo radi li to putem sljedeće sintakse:

Sintaksa

arr. gurnuti ( vrijednost1, vrijednost2, ..., vrijednostN )

U ovoj sintaksi, “vrijednost1”, “vrijednost2” i 'vrijednostN' su vrijednosti koje treba dodati u ' arr ” varijabla.

Kodirati

konzola. log ( 'Primjer korištenja metode assign()' ) ;

konst sportski = [ 'kriket' , 'hokej' , 'nogomet' ] ;

konst brojač = sportski. gurnuti ( 'košarka' ) ;

konzola. log ( brojač ) ;

konzola. log ( sportski ) ;

Opis koda nalazi se ovdje:

  • Niz pod nazivom 'sportski' stvara se koja se sastoji od tri elementa, tj. 'kriket', 'hokej' i 'nogomet' .
  • Nakon toga, vrijednost 'košarka' pridodaje se korištenju sports.push() metoda u JavaScriptu.
  • Na kraju, konzola.log() metoda prikazuje polje u prozoru konzole .

Izlaz

Izlaz pokazuje da je 'košarka' vrijednost se dodaje sportski objekt korištenjem gurnuti() metoda.

Metoda 3: Korištenje operatora Spread (…) za dodavanje vrijednosti objektu u JavaScriptu

Operator širenja (…) koristi se za dodavanje vrijednosti objektima u JavaScriptu. Korisno je spojiti objekte na jedno mjesto. Sintaksa operatora širenja navedena je u nastavku:

Sintaksa

{ ... obj , ključ : 'vrijednost' }

U ovoj sintaksi, 'vrijednost' je dodijeljen ključ u objektu obj .

Primjer koda operatora širenja za dodavanje vrijednosti objektu naveden je u nastavku:

Kodirati

konzola. log ( 'Primjer korištenja operatora širenja' ) ;

neka obj1 = { Ime : 'Harry' } ;

obj2 = { ... obj1 , boja : 'bijelo' } ;

konzola. log ( obj2 ) ;

U ovom kodu:

  • An “obj1 ” koristi se za pohranu elementa Ime pripisivanjem vrijednosti “Harry” .
  • Nakon toga, “bijelo” vrijednost pridodaje “obj1” .
  • Na kraju, konzola.log() metoda prikazuje dodane vrijednosti u prozoru konzole.

Izlaz

Izlaz prikazuje novi objekt ' obj2 ” koja sadrži vrijednost iz objekta “ obj1 ' kao i dodanu vrijednost ' bijela ”.

Zaključak

JavaScript nudi dvije metode, tj. Object.assign() i gurnuti() za dodavanje vrijednosti objektu.

The Object.assign() metoda dodavanja vrijednosti objektima pomoću parova ključ/vrijednost. The gurnuti() metoda dodaje jednu ili više vrijednosti u polje. Međutim širenje (…) operator se također može koristiti za dodavanje vrijednosti objektu. Ovaj post je pokazao sve mogućnosti za dodavanje vrijednosti objektu u JavaScriptu.