Kuidas JavaScriptis objektile väärtusi lisada

Kuidas Javascriptis Objektile Vaartusi Lisada



Objekt on oma muutumatu omaduse tõttu programmeerimiskeeles kõige olulisem olem. Selle atribuudi abil saavad arendajad objektide kaudu manipuleerida erinevate ülesannetega. Olemasolevale objektile erinevate väärtuste lisamine toimub objektide käitusaja muudatuste tegemiseks. JavaScript pakub JavaScripti objektidele väärtuste lisamiseks mitmesuguseid sisseehitatud meetodeid. Selles postituses demonstreerime koos näidetega kõiki võimalikke meetodeid JavaScripti objektide väärtuste lisamiseks. See postitus teenib järgmisi õpitulemusi:

1. meetod: meetodi Object.assign() kasutamine objektile väärtuste lisamiseks JavaScriptis

The Object.assign() meetod on kuulus meetod väärtuste lisamiseks objektidele. Selleks on vaja kahte argumenti. Esimene esindab sihtobjekti ja teine ​​argument võtab võtme/väärtuse paarid. Süntaks Object.assign() meetod on toodud allpool:

Süntaks







Objekt . määrama ( sihtmärk, allikas ) ;

Parameetreid kirjeldatakse siin:



  • sihtmärk : määrab objekti, millele väärtused lisatakse.
  • allikas : viitab lisatavale väärtusele.

Mõistame selle meetodi toimimist järgmise näitekoodi abil:



Kood





konsool. logi ( 'Näide meetodi assign() kasutamiseks' ) ;

luba kasutaja_obj = {

1 : { nimi : 'Adam' } ,

kaks : { nimi : 'Harry' } ,

} ;

lase obj = Objekt . määrama ( user_obj, { 3 : { nimi : 'Jasam' } } ) ;

konsool. logi ( obj ) ;

Selles koodis:

  • Esiteks, 'Adam' ja 'Harry' on määratud väärtustena 'nimi' vara.
  • The Object.assign() meetodit kasutatakse a lisamiseks 'Jasam' väärtust 'kasutaja_objekt' objektiks.
  • Lõpuks, console.log() meetodit kasutatakse kõigi väärtuste esitamiseks konsooliaknas.



Väljund

Väljundist on näha, et uus väärtus on edukalt objektile lisatud.

2. meetod: Push() meetodi kasutamine massiiviobjektile väärtuste lisamiseks JavaScriptis

The push () meetodit saab kasutada massiivi ühe või mitme väärtuse lisamiseks või sisestamiseks. See meetod tagastab pärast väärtuste lisamist uue massiivi. Vaatame, kas see töötab järgmise süntaksi kaudu:

Süntaks

arr. suruma ( väärtus1, väärtus2, ..., väärtusN )

Selles süntaksis 'väärtus1', 'väärtus2' ja 'väärtusN' on väärtused, mis tuleb lisada arr ” muutuja.

Kood

konsool. logi ( 'Näide meetodi assign() kasutamiseks' ) ;

konst sport = [ 'kriket' , 'hoki' , 'Jalgpall' ] ;

konst loendur = sport. suruma ( 'korvpall' ) ;

konsool. logi ( loendur ) ;

konsool. logi ( sport ) ;

Koodi kirjeldus on siin:

  • Massiiv nimega 'sport' luuakse, mis koosneb kolmest elemendist, st 'kriket', 'hoki' ja 'Jalgpall' .
  • Pärast seda väärtus 'korvpall' on lisatud kasutamisele sports.push() meetod JavaScriptis.
  • Lõpuks, console.log() meetod kuvab massiivi konsooliaknas .

Väljund

Väljund näitab, et 'korvpall' väärtus on lisatud sport objekti kasutades push () meetod.

3. meetod: Spread (…) operaatori kasutamine objektile väärtuste lisamiseks JavaScriptis

Laotuse (…) operaatorit kasutatakse JavaScripti objektide väärtuste lisamiseks. Kasulik on objektid ühte kohta liita. Levituse operaatori süntaks on toodud allpool:

Süntaks

{ ... obj , võti : 'väärtus' }

Selles süntaksis 'väärtus' on määratud võti objektis obj .

Allpool on toodud hajutuse operaatori näidiskood väärtuste lisamiseks objektile:

Kood

konsool. logi ( 'Näide levioperaatori kasutamise kohta' ) ;

las obj1 = { nimi : 'Harry' } ;

obj2 = { ... obj1 , värv : 'valge' } ;

konsool. logi ( obj2 ) ;

Selles koodis:

  • An 'obj1 ” kasutatakse elemendi salvestamiseks nimi väärtuse määramisega 'Harry' .
  • Pärast seda, 'valge' väärtus lisandub 'obj1' .
  • Lõpuks, console.log() meetod kuvab lisatud väärtused konsooliaknas.

Väljund

Väljund näitab uut objekti ' obj2 ', mis sisaldab väärtust objektist' obj1 'ja ka lisatud väärtus' valge ”.

Järeldus

JavaScript pakub kahte meetodit, st Object.assign() ja push () objektile väärtuste lisamiseks.

The Object.assign() meetod väärtuste lisamiseks objektidele võtme/väärtuse paaride kaupa. The push () meetod lisab massiivi ühe või mitu väärtust. Siiski, levik (…) operaatorit saab kasutada ka väärtuste lisamiseks objektile. See postitus on näidanud kõiki võimalusi väärtuste lisamiseks JavaScriptis objektile.