Hvordan legge til verdier til objekt i JavaScript

Hvordan Legge Til Verdier Til Objekt I Javascript



Et objekt er den viktigste enheten i programmeringsspråket på grunn av dens uforanderlige egenskap. Med denne egenskapen kan utviklere manipulere forskjellige oppgaver gjennom objekter. Tilføying av forskjellige verdier til et eksisterende objekt utføres for å gjøre kjøretidsendringer til objektene. JavaScript tilbyr en rekke innebygde metoder for å legge til verdier til objekter i JavaScript. I dette innlegget vil vi demonstrere alle mulige metoder sammen med eksempler for å legge til verdier til objekter i JavaScript. Dette innlegget tjener følgende læringsutbytte:

Metode 1: Bruke metoden Object.assign() for å legge til verdier til objektet i JavaScript

De Object.assign() Metoden er kjent for å legge til verdier til objekter. Det krever to argumenter. Det første representerer målobjektet, og det andre argumentet tar nøkkel/verdi-parene. Syntaksen til Object.assign() metoden er gitt nedenfor:

Syntaks







Gjenstand . tildele ( mål, kilde ) ;

Parametrene er beskrevet her:



  • mål : spesifiserer objektet som verdiene skal legges til.
  • kilde : refererer til verdien som legges til.

La oss forstå hvordan denne metoden fungerer via følgende eksempelkode:



Kode





konsoll. Logg ( 'Et eksempel på bruk av assign()-metoden' ) ;

la user_obj = {

1 : { Navn : 'Adam' } ,

to : { Navn : 'Harry' } ,

} ;

la obj = Gjenstand . tildele ( user_obj, { 3 : { Navn : 'Jasam' } } ) ;

konsoll. Logg ( obj ) ;

I denne koden:

  • Først, 'Adam' og 'Harry' er tilordnet som verdier til 'Navn' eiendom.
  • De Object.assign() metoden brukes til å legge til en 'Jasam' verdi til «user_obj» gjenstand.
  • Til slutt, den console.log() metoden brukes til å presentere alle verdiene i konsollvinduet.



Produksjon

Det observeres fra utgangen at den nye verdien er vellykket lagt til objektet.

Metode 2: Bruke push()-metoden for å legge til verdier til et matriseobjekt i JavaScript

De trykk() metode kan brukes til å legge til eller sette inn en eller flere verdier til en matrise. Denne metoden returnerer en ny matrise etter å ha lagt til verdier. La oss se om det fungerer via følgende syntaks:

Syntaks

arr. trykk ( verdi1, verdi2, ..., verdiN )

I denne syntaksen, «verdi1», «verdi2» og 'verdiN' er verdiene som skal legges til ' arr variabel.

Kode

konsoll. Logg ( 'Et eksempel på bruk av assign()-metoden' ) ;

konst sport = [ 'siriss' , 'hockey' , 'Fotball' ] ;

konst disk = sport. trykk ( 'basketball' ) ;

konsoll. Logg ( disk ) ;

konsoll. Logg ( sport ) ;

Beskrivelsen av koden er gitt her:

  • En matrise som heter 'sport' er opprettet som består av tre elementer, dvs. 'cricket', 'hockey' og 'Fotball' .
  • Etter det, verdien 'basketball' er vedlagt å bruke sports.push() metode i JavaScript.
  • Til slutt, den console.log() metoden viser matrisen i konsollvinduet .

Produksjon

Utgangen viser at 'basketball' verdi er lagt til sport objekt ved å bruke trykk() metode.

Metode 3: Bruke Spread (...) Operator for å legge til verdier til objekt i JavaScript

Spredningsoperatoren (...) brukes til å legge til verdier til objekter i JavaScript. Det er nyttig å slå sammen objekter til ett sted. Syntaksen til spredningsoperatøren er gitt nedenfor:

Syntaks

{ ... obj , nøkkel : 'verdi' }

I denne syntaksen, 'verdi' er tildelt nøkkel i objektet obj .

Eksempelkoden til spredningsoperatøren for å legge til verdier til et objekt er gitt nedenfor:

Kode

konsoll. Logg ( 'Et eksempel på bruk av spredningsoperator' ) ;

la obj1 = { Navn : 'Harry' } ;

obj2 = { ... obj1 , farge : 'hvit' } ;

konsoll. Logg ( obj2 ) ;

I denne koden:

  • An 'obj1 ' brukes til å lagre elementet Navn ved å tildele verdien 'Harry' .
  • Etter det har 'hvit' verdi tilføyes 'obj1' .
  • Til slutt, den console.log() metoden viser de vedlagte verdiene i konsollvinduet.

Produksjon

Utgangen viser det nye objektet ' obj2 ' som inneholder verdien fra objektet ' obj1 ' så vel som den vedlagte verdien ' hvit '.

Konklusjon

JavaScript tilbyr to metoder, dvs. Object.assign() og trykk() å legge til verdier til et objekt.

De Object.assign() metode som legger til verdier til objekter etter nøkkel/verdi-par. De trykk() metoden legger til én eller flere verdier i en matrise. Imidlertid spre (...) operator kan også brukes til å legge til verdier til et objekt. Dette innlegget har demonstrert alle mulighetene for å legge til verdier til et objekt i JavaScript.