- Brug af metoden Object.assign() til at tilføje værdier til objektet i JavaScript
- Brug af push() metode til at tilføje værdier til objekt i JavaScript
- Brug af spread (…) operator til at tilføje værdier til objekt i JavaScript
Metode 1: Brug af metoden Object.assign() til at tilføje værdier til objektet i JavaScript
Det Object.assign() Metoden er en berømt metode til at tilføje værdier til objekter. Det kræver to argumenter. Det første repræsenterer målobjektet, og det andet argument tager nøgle/værdi-parrene. Syntaksen af Object.assign() metode er angivet nedenfor:
Syntaks
Objekt . tildele ( mål, kilde ) ;
Parametrene er beskrevet her:
- mål : angiver det objekt, som værdierne vil blive tilføjet til.
- kilde : henviser til den værdi, der tilføjes.
Lad os forstå, hvordan denne metode fungerer via følgende eksempelkode:
Kode
konsol. log ( 'Et eksempel på brug af assign()-metoden' ) ;
lad user_obj = {
1 : { navn : 'Adam' } ,
to : { navn : 'Harry' } ,
} ;
lad obj = Objekt . tildele ( user_obj, { 3 : { navn : 'Jasam' } } ) ;
konsol. log ( obj ) ;
I denne kode:
- For det første, 'Adam' og 'Harry' er tildelt som værdier til 'navn' ejendom.
- Det Object.assign() metoden bruges til at tilføje en 'Jasam' værdi for 'bruger_obj' objekt.
- Endelig console.log() metoden bruges til at præsentere alle værdierne i konsolvinduet.
Produktion
Det ses fra outputtet, at den nye værdi er tilføjet til objektet.
Metode 2: Brug af push()-metoden til at tilføje værdier til et array-objekt i JavaScript
Det skubbe() metode kan bruges til at tilføje eller indsætte en eller flere værdier til en matrix. Denne metode returnerer et nyt array efter tilføjelse af værdier. Lad os se om det virker via følgende syntaks:
Syntaks
arr. skubbe ( værdi1, værdi2, ..., værdiN )I denne syntaks, 'værdi1', 'værdi2' og 'værdiN' er de værdier, der skal tilføjes til ' arr ' variabel.
Kode
konsol. log ( 'Et eksempel på brug af assign()-metoden' ) ;konst sport = [ 'cricket' , 'hockey' , 'fodbold' ] ;
konst tæller = sport. skubbe ( 'basketball' ) ;
konsol. log ( tæller ) ;
konsol. log ( sport ) ;
Beskrivelsen af koden findes her:
- Et array ved navn 'sport' er skabt, som består af tre elementer, dvs. 'cricket', 'hockey' og 'fodbold' .
- Derefter værdien 'basketball' er vedlagt at bruge sports.push() metode i JavaScript.
- I sidste ende console.log() metode viser arrayet i konsolvinduet .
Produktion
Udgangen viser, at 'basketball' værdi er tilføjet til sport objekt ved at bruge skubbe() metode.
Metode 3: Brug af Spread (...) Operator til at tilføje værdier til objekt i JavaScript
Spredningsoperatoren (...) bruges til at tilføje værdier til objekter i JavaScript. Det er nyttigt at flette objekter til ét sted. Syntaksen for spredningsoperatøren er angivet nedenfor:
Syntaks
{ ... obj , nøgle : 'værdi' }I denne syntaks, 'værdi' er tildelt nøgle i objektet obj .
Eksempelkoden for spredningsoperatøren til at tilføje værdier til et objekt er angivet nedenfor:
Kode
konsol. log ( 'Et eksempel på brug af spread-operator' ) ;lad obj1 = { navn : 'Harry' } ;
obj2 = { ... obj1 , farve : 'hvid' } ;
konsol. log ( obj2 ) ;
I denne kode:
- An 'obj1 ” bruges til at gemme elementet navn ved at tildele værdien 'Harry' .
- Herefter er 'hvid' værdi knytter sig til 'obj1' .
- I sidste ende console.log() metoden viser de tilføjede værdier i konsolvinduet.
Produktion
Udgangen viser det nye objekt ' obj2 ' som indeholder værdien fra objektet ' obj1 ' samt den tilføjede værdi ' hvid '.
Konklusion
JavaScript tilbyder to metoder, dvs. Object.assign() og skubbe() at tilføje værdier til et objekt.
Det Object.assign() metode til at tilføje værdier til objekter efter nøgle/værdi-par. Det skubbe() metode tilføjer en eller flere værdier til en matrix. Imidlertid spredning (…) operator kan også bruges til at tilføje værdier til et objekt. Dette indlæg har vist alle mulighederne for at tilføje værdier til et objekt i JavaScript.