Kā pievienot vērtības objektam JavaScript

Ka Pievienot Vertibas Objektam Javascript



Objekts ir vissvarīgākā vienība programmēšanas valodā tā nemainīgās īpašības dēļ. Izmantojot šo īpašumu, izstrādātāji var manipulēt ar dažādiem uzdevumiem, izmantojot objektus. Dažādu vērtību pievienošana esošam objektam tiek veikta, lai veiktu izpildes laika izmaiņas objektos. JavaScript piedāvā dažādas iebūvētas metodes vērtību pievienošanai JavaScript objektiem. Šajā ziņojumā mēs parādīsim visas iespējamās metodes kopā ar piemēriem, lai JavaScript objektiem pievienotu vērtības. Šī ziņa kalpo šādiem mācību rezultātiem:

1. metode. Metodes Object.assign() izmantošana objektam vērtību pievienošanai JavaScript

The Object.assign() metode ir slavena vērtību pievienošanai objektiem. Tam nepieciešami divi argumenti. Pirmais apzīmē mērķa objektu, bet otrais arguments aizņem atslēgas/vērtības pārus. Sintakse Object.assign() metode ir sniegta zemāk:

Sintakse







Objekts . piešķirt ( mērķis, avots ) ;

Parametri ir aprakstīti šeit:



  • mērķis : norāda objektu, kuram tiks pievienotas vērtības.
  • avots : attiecas uz pievienoto vērtību.

Izpratīsim šīs metodes darbību, izmantojot šādu parauga kodu:



Kods





konsole. žurnāls ( 'Piemērs, kā izmantot assign() metodi' ) ;

let user_obj = {

1 : { nosaukums : 'Ādams' } ,

divi : { nosaukums : 'Harijs' } ,

} ;

lai obj = Objekts . piešķirt ( user_obj, { 3 : { nosaukums : 'Jasam' } } ) ;

konsole. žurnāls ( obj ) ;

Šajā kodā:

  • Pirmkārt, 'Ādams' un 'Harijs' tiek piešķirtas kā vērtības 'vārds' īpašums.
  • The Object.assign() metode tiek izmantota, lai pievienotu a 'Jasam' vērtību “user_obj” objektu.
  • Visbeidzot, console.log() metode tiek izmantota, lai parādītu visas vērtības konsoles logā.



Izvade

No izvades tiek novērots, ka jaunā vērtība ir veiksmīgi pievienota objektam.

2. metode: Push() metodes izmantošana, lai pievienotu vērtības masīva objektam JavaScript

The push () metodi var izmantot, lai masīvam pievienotu vai ievietotu vienu vai vairākas vērtības. Šī metode atgriež jaunu masīvu pēc vērtību pievienošanas. Apskatīsim, vai tas darbojas, izmantojot šādu sintaksi:

Sintakse

arr. spiediet ( vērtība1, vērtība2, ..., vērtībaN )

Šajā sintaksē “vērtība1”, “vērtība2” un 'vērtībaN' ir vērtības, kas jāpievieno ' arr ” mainīgais.

Kods

konsole. žurnāls ( 'Piemērs, kā izmantot assign() metodi' ) ;

konst sports = [ 'krikets' , 'hokejs' , 'futbols' ] ;

konst skaitītājs = sports. spiediet ( 'basketbols' ) ;

konsole. žurnāls ( skaitītājs ) ;

konsole. žurnāls ( sports ) ;

Koda apraksts ir sniegts šeit:

  • Masīvs ar nosaukumu 'sports' tiek izveidots, kas sastāv no trim elementiem, t.i., 'krikets', 'hokejs' un 'futbols' .
  • Pēc tam vērtība 'basketbols' ir pievienots, izmantojot sports.push() metode JavaScript.
  • Galu galā, console.log() metode parāda masīvu konsoles logā .

Izvade

Izvade parāda, ka 'basketbols' vērtība ir pievienota sports objektu, izmantojot push () metodi.

3. metode: izplatības (…) operatora izmantošana, lai pievienotu vērtības objektam JavaScript

Izplatīšanas (…) operators tiek izmantots, lai JavaScript objektiem pievienotu vērtības. Ir lietderīgi apvienot objektus vienā vietā. Izkliedes operatora sintakse ir norādīta zemāk:

Sintakse

{ ... obj , atslēga : 'vērtība' }

Šajā sintaksē 'vērtība' ir piešķirts taustiņu objektā obj .

Tālāk ir sniegts izkliedes operatora koda piemērs vērtību pievienošanai objektam:

Kods

konsole. žurnāls ( 'Piemērs izkliedes operatora izmantošanai' ) ;

let obj1 = { nosaukums : 'Harijs' } ;

obj2 = { ... obj1 , krāsa : 'balts' } ;

konsole. žurnāls ( obj2 ) ;

Šajā kodā:

  • An 'obj1 ” tiek izmantots elementa glabāšanai nosaukums piešķirot vērtību 'Harijs' .
  • Pēc tam, 'balts' vērtība tiek pievienota 'obj1' .
  • Galu galā, console.log() metode parāda pievienotās vērtības konsoles logā.

Izvade

Izvade parāda jauno objektu ' obj2 ', kas satur vērtību no objekta' obj1 ', kā arī pievienotā vērtība' balts ”.

Secinājums

JavaScript nodrošina divas metodes, t.i., Object.assign() un push () lai objektam pievienotu vērtības.

The Object.assign() metode vērtību pievienošanai objektiem pēc atslēgu/vērtību pāriem. The push () metode pievieno vienu vai vairākas vērtības masīvam. Tomēr izplatība (…) operatoru var izmantot arī, lai objektam pievienotu vērtības. Šī ziņa ir parādījusi visas iespējas pievienot vērtības objektam JavaScript.