Kako dodati vrednosti objektu v JavaScriptu

Kako Dodati Vrednosti Objektu V Javascriptu



Objekt je zaradi svoje nespremenljivosti najpomembnejša entiteta v programskem jeziku. S to lastnostjo lahko razvijalci manipulirajo z različnimi nalogami prek predmetov. Dodajanje različnih vrednosti obstoječemu objektu se izvede, da se objekti spremenijo med izvajanjem. JavaScript ponuja vrsto vgrajenih metod za dodajanje vrednosti objektom v JavaScriptu. V tej objavi bomo skupaj s primeri prikazali vse možne metode za dodajanje vrednosti objektom v JavaScriptu. Ta objava služi naslednjim učnim rezultatom:

1. način: uporaba metode Object.assign() za dodajanje vrednosti predmetu v JavaScriptu

The Object.assign() metoda je znana za dodajanje vrednosti objektom. Potrebna sta dva argumenta. Prvi predstavlja ciljni objekt, drugi argument pa vzame pare ključ/vrednost. Sintaksa Object.assign() metoda je navedena spodaj:

Sintaksa







Objekt . dodeliti ( target, vir ) ;

Parametri so opisani tukaj:



  • tarča : določa predmet, ki mu bodo dodane vrednosti.
  • vir : nanaša se na dodano vrednost.

Razumejmo delovanje te metode z naslednjim primerom kode:



Koda





konzola. dnevnik ( 'Primer uporabe metode assign()' ) ;

naj uporabnik_obj = {

1 : { ime : 'Adam' } ,

dva : { ime : 'Harry' } ,

} ;

naj obj = Objekt . dodeliti ( uporabnik_obj, { 3 : { ime : 'Jasam' } } ) ;

konzola. dnevnik ( obj ) ;

V tej kodi:

  • Prvič, 'Adam' in 'Harry' so dodeljene kot vrednosti 'ime' premoženje.
  • The Object.assign() metoda se uporablja za dodajanje a 'Jasam' vrednost za “user_obj” predmet.
  • Končno, console.log() metoda se uporablja za predstavitev vseh vrednosti v oknu konzole.



Izhod

Iz izhoda je razvidno, da je nova vrednost uspešno dodana objektu.

2. način: Uporaba metode push() za dodajanje vrednosti matričnemu predmetu v JavaScriptu

The potisni() metodo lahko uporabite za dodajanje ali vstavljanje ene ali več vrednosti v matriko. Ta metoda vrne novo matriko po dodajanju vrednosti. Poglejmo, ali deluje prek naslednje sintakse:

Sintaksa

prir. potiskati ( vrednost1, vrednost2, ..., vrednostN )

V tej sintaksi “vrednost1”, “vrednost2” in 'vrednostN' so vrednosti, ki jih je treba dodati ' prir ” spremenljivka.

Koda

konzola. dnevnik ( 'Primer uporabe metode assign()' ) ;

konst šport = [ 'kriket' , 'hokej' , 'nogomet' ] ;

konst števec = šport. potiskati ( 'košarka' ) ;

konzola. dnevnik ( števec ) ;

konzola. dnevnik ( šport ) ;

Opis kode je tukaj:

  • Niz z imenom “šport” nastane, ki je sestavljen iz treh elementov, tj. 'kriket', 'hokej' in “nogomet” .
  • Po tem vrednost “košarka” je priložen uporabi sports.push() metoda v JavaScriptu.
  • Na koncu je console.log() metoda prikaže matriko v oknu konzole .

Izhod

Rezultat kaže, da je “košarka” vrednost je dodana šport predmet z uporabo potisni() metoda.

3. način: Uporaba operatorja Spread (…) za dodajanje vrednosti predmetu v JavaScriptu

Operator spread (…) se uporablja za dodajanje vrednosti objektom v JavaScriptu. Koristno je združiti predmete na eno mesto. Sintaksa operatorja širjenja je navedena spodaj:

Sintaksa

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

V tej sintaksi 'vrednost' je dodeljen ključ v objektu obj .

Primer kode operatorja širjenja za dodajanje vrednosti objektu je naveden spodaj:

Koda

konzola. dnevnik ( 'Primer uporabe operatorja širjenja' ) ;

naj obj1 = { ime : 'Harry' } ;

obj2 = { ... obj1 , barva : 'belo' } ;

konzola. dnevnik ( obj2 ) ;

V tej kodi:

  • An 'obj1 ” se uporablja za shranjevanje elementa ime z dodelitvijo vrednosti 'Harry' .
  • Po tem, “belo” vrednost se doda 'obj1' .
  • Na koncu je console.log() metoda prikaže pripete vrednosti v oknu konzole.

Izhod

Izhod prikazuje nov predmet ' obj2 ”, ki vsebuje vrednost iz predmeta “ obj1 « kot tudi dodano vrednost « bela ”.

Zaključek

JavaScript ponuja dve metodi, tj. Object.assign() in potisni() za dodajanje vrednosti objektu.

The Object.assign() metoda dodajanja vrednosti objektom s pari ključ/vrednost. The potisni() metoda doda eno ali več vrednosti v matriko. Vendar pa je širjenje Operator (…) lahko uporabite tudi za dodajanje vrednosti objektu. Ta objava je prikazala vse možnosti za dodajanje vrednosti objektu v JavaScriptu.