Paano Magdagdag ng Mga Halaga sa Bagay sa JavaScript

Paano Magdagdag Ng Mga Halaga Sa Bagay Sa Javascript



Ang isang bagay ay ang pinakamahalagang entity sa programming language dahil sa hindi nababagong pag-aari nito. Gamit ang property na ito, maaaring manipulahin ng mga developer ang iba't ibang gawain sa pamamagitan ng mga bagay. Ang pagdaragdag ng iba't ibang mga halaga sa isang umiiral na bagay ay isinasagawa upang gumawa ng mga pagbabago sa run-time sa mga bagay. Nag-aalok ang JavaScript ng iba't ibang mga built-in na pamamaraan upang magdagdag ng mga halaga sa mga bagay sa JavaScript. Sa post na ito, ipapakita namin ang lahat ng posibleng paraan kasama ng mga halimbawa para magdagdag ng mga value sa mga object sa JavaScript. Ang post na ito ay naghahatid ng mga sumusunod na resulta ng pag-aaral:

Paraan 1: Paggamit ng Object.assign() Paraan upang Idagdag ang mga Halaga sa Bagay sa JavaScript

Ang Object.assign() Ang pamamaraan ay isang sikat para sa pagdaragdag ng mga halaga sa mga bagay. Kailangan ng dalawang argumento. Ang una ay kumakatawan sa target na bagay, at ang pangalawang argumento ay tumatagal ng mga pares ng susi/halaga. Ang syntax ng Object.assign() paraan ay ibinigay sa ibaba:

Syntax







Bagay . italaga ( target, pinagmulan ) ;

Ang mga parameter ay inilarawan dito:



  • target : tumutukoy sa bagay kung kanino idaragdag ang mga halaga.
  • pinagmulan : tumutukoy sa value na idinaragdag.

Unawain natin ang paggana ng pamamaraang ito sa pamamagitan ng sumusunod na halimbawang code:



Code





console. log ( 'Isang halimbawa upang gamitin ang assign() method' ) ;

hayaan ang user_obj = {

1 : { pangalan : 'Adam' } ,

dalawa : { pangalan : 'Harry' } ,

} ;

hayaan mo si obj = Bagay . italaga ( user_obj, { 3 : { pangalan : 'Jasam' } } ) ;

console. log ( obj ) ;

Sa code na ito:

  • Una, “Adan” at “Harry” ay itinalaga bilang mga halaga sa 'pangalan' ari-arian.
  • Ang Object.assign() paraan ay ginagamit upang magdagdag ng a 'Jasam' halaga sa “user_obj” bagay.
  • Sa wakas, ang console.log() paraan ay ginagamit upang ipakita ang lahat ng mga halaga sa console window.



Output

Ito ay sinusunod mula sa output na ang bagong halaga ay matagumpay na naidagdag sa bagay.

Paraan 2: Paggamit ng push() na Paraan para Magdugtong ng Mga Halaga sa isang Array Object sa JavaScript

Ang push() paraan ay maaaring gamitin upang magdagdag o magpasok ng isa o maramihang mga halaga sa isang array. Ang pamamaraang ito ay nagbabalik ng isang bagong array pagkatapos magdagdag ng mga halaga. Tingnan natin kung gumagana ito sa pamamagitan ng sumusunod na syntax:

Syntax

arr. itulak ( halaga1, halaga2, ..., halagaN )

Sa syntax na ito, “value1”, “value2” at 'valueN' ay ang mga halaga na idaragdag sa ' arr ” variable.

Code

console. log ( 'Isang halimbawa upang gamitin ang assign() method' ) ;

const laro = [ 'kuliglig' , 'hockey' , 'football' ] ;

const counter = laro. itulak ( 'basketball' ) ;

console. log ( counter ) ;

console. log ( laro ) ;

Ang paglalarawan ng code ay ibinigay dito:

  • Isang array na pinangalanan 'laro' ay nilikha na binubuo ng tatlong elemento i.e., “kuliglig”, “hockey” at “football” .
  • Pagkatapos nito, ang halaga “basketball” ay idinagdag sa paggamit ng sports.push() pamamaraan sa JavaScript.
  • Sa huli, ang console.log() Ang pamamaraan ay nagpapakita ng array sa console window .

Output

Ang output ay nagpapakita na ang “basketball” ang halaga ay idinagdag sa laro bagay sa pamamagitan ng paggamit ng push() paraan.

Paraan 3: Paggamit ng Spread (…) Operator upang Idagdag ang mga Halaga sa Bagay sa JavaScript

Ang spread (…) operator ay ginagamit upang magdagdag ng mga halaga sa mga bagay sa JavaScript. Ito ay kapaki-pakinabang upang pagsamahin ang mga bagay sa isang lugar. Ang syntax ng spread operator ay ibinigay sa ibaba:

Syntax

{ ... obj , susi : 'halaga' }

Sa syntax na ito, 'halaga' ay nakatalaga sa susi sa bagay obj .

Ang halimbawang code ng spread operator upang magdagdag ng mga halaga sa isang bagay ay ibinigay sa ibaba:

Code

console. log ( 'Isang halimbawa para gamitin ang spread operator' ) ;

hayaan ang obj1 = { pangalan : 'Harry' } ;

obj2 = { ... obj1 , kulay : 'puti' } ;

console. log ( obj2 ) ;

Sa code na ito:

  • An 'obj1 ” ay ginagamit upang iimbak ang elemento pangalan sa pamamagitan ng pagtatalaga ng halaga “Harry” .
  • Pagkatapos nito, ang “puti” idinaragdag ang halaga sa 'obj1' .
  • Sa huli, ang console.log() ipinapakita ng pamamaraan ang mga nakadugtong na halaga sa window ng console.

Output

Ang output ay nagpapakita ng bagong object ' obj2 'na naglalaman ng halaga mula sa bagay' obj1 ” pati na rin ang nakadugtong na halaga “ puti ”.

Konklusyon

Nagbibigay ang JavaScript ng dalawang pamamaraan, ibig sabihin, Object.assign() at push() upang magdagdag ng mga halaga sa isang bagay.

Ang Object.assign() paraan ng pagdaragdag ng mga halaga sa mga bagay sa pamamagitan ng mga pares ng susi/halaga. Ang push() paraan ay nagdaragdag ng isa o maramihang mga halaga sa isang array. Gayunpaman, ang paglaganap (...) operator ay maaari ding gamitin upang magdagdag ng mga halaga sa isang bagay. Ang post na ito ay nagpakita ng lahat ng mga posibilidad para sa pagdaragdag ng mga halaga sa isang bagay sa JavaScript.