Pinangangasiwaan ng mga object ng JavaScript ang maraming property na mga value ng key-pair. Ang mga katangiang ito ay ginagamit para sa pagtukoy ng mga katangian at katangian ng isang tinukoy na bagay sa JavaScript. Kapag ang mga bagay ay ginawa, ang kanilang mga nauugnay na katangian ay maaaring idagdag, tanggalin, at baguhin nang dynamic. Higit na partikular, mayroong maraming paraan ng JavaScript na magagamit para sa pagdaragdag ng mga katangian sa isang bagay.
Ipapahayag ng post na ito ang maraming paraan para sa pagdaragdag ng property sa isang object sa JavaScript.
Paano Magdagdag/Magpasok ng Property sa isang Bagay sa JavaScript?
Ngayon, tatalakayin natin ang mga sumusunod na pamamaraan para sa pagdaragdag ng mga katangian sa isang bagay:
- Paraan 1: Magdagdag ng Property Gamit ang dot notation (.)
- Paraan 2: Magdagdag ng Property Gamit ang Object.assign() method
- Paraan 3: Magdagdag ng Property Gamit ang Object.defineProperty() method
Paraan 1: Magdagdag ng Property sa isang Bagay Gamit ang dot notation (.)
Ang dot notation ay isang paraan para sa pag-access sa property ng isang bagay. Kapag nagsusulat sa notasyon ng tuldok, dapat mo munang isulat ang pangalan ng bagay, pagkatapos ay isang tuldok (.), at pagkatapos ay ipasok ang pangalan ng property.
Halimbawa
Una, ipahayag ang isang bagay sa tulong ng ' hayaan ” keyword at italaga ang mga katangian sa tinukoy na bagay sa loob ng bloke:
hayaan mo si obj = {
pangalan : 'Opisyal' ,
edad : 14 ,
} ;
Gamitin ang ' console.log() 'paraan at ipasa ang argumento' obj ” upang ipakita sa console:
console. log ( obj ) ;Ngayon, idagdag ang property sa tulong ng dot notation:
obj. edukasyon = 'Software Engineer' ;
Ipakita ang output sa console:
console. log ( obj ) ;Output
Paraan 2: Magdagdag ng Property sa isang Bagay Gamit ang Object.assign() Method
Maaari rin nating gamitin ang ' italaga() ” built-in na paraan ng JavaScript upang idagdag ang mga katangian sa isang bagay. Ang ' Object.assign() ” ay isang static na paraan ng JavaScript na ginagamit para sa pagkopya ng lahat ng mabibilang na feature at property mula sa isa o higit pang source object para sa pag-target sa object.
Syntax
Upang gamitin ang object.assign() na pamamaraan, tingnan ang ibinigay na syntax:
Bagay . italaga ( target , pinagmulan ) ;Sa itaas na syntax:
- “ target Tinutukoy ng ” ang bagay kung saan kokopyahin ang mga halaga ng ari-arian.
- “ pinagmulan ” ay nagpapahiwatig ng bagay kung saan dapat kopyahin ang kani-kanilang mga halaga ng ari-arian.
Halimbawa
Sa halimbawang ito, una, ipahayag ang isang variable at italaga ang mga katangian. Pagkatapos, magdeklara ng isa pang variable sa pamamagitan ng pagsunod sa parehong pamamaraan:
hayaan ang empleyado = { pangalan : 'Diana' , edad : 23 } ;hayaan ang impormasyon = { kasarian : 'Babae' , nasyonalidad : 'Canadian' } ;
Gamitin ang ' Object.assign() ” paraan at ipasa ang mga argumento, kung saan ang unang parameter ay ang target na object at ang pangalawang parameter ay ang source object. Kokopyahin ng paraang ito ang lahat ng source value sa targeted value:
Bagay . italaga ( empleado , impormasyon ) ;Pagkatapos, tawagan ang ' console.log() ” paraan upang ipakita ang resulta sa console:
console. log ( empleado ) ;console. log ( impormasyon ) ;
Output
Paraan 3: Magdagdag ng Property sa isang Object Gamit ang Object.defineProperty() Method
Ang ' Object.defineProperty() ” ay isang JavaScript static na pamamaraan na ginagamit para sa pagtukoy ng pinakabago at bagong property nang direkta sa isang object o pagbabago ng kasalukuyang property ng isang object at pagbabalik ng object.
Syntax
Upang gamitin ang ' Object.defineProperty() ”, sundin ang ibinigay na syntax:
Bagay . defineProperty ( obj , new_property , pagsasaayos ) ;dito:
- “ obj ” ay tumutukoy sa bagay.
- “ new_property ” tinutukoy ang ari-arian na idadagdag.
- “ pagsasaayos ” ay tumutukoy sa halaga na maaaring baguhin at baguhin.
Halimbawa
Ipahayag ang isang bagay sa tulong ng ' hayaan ” keyword:
hayaan mo si obj = { } ;Gamitin ang ' Object.defineProperty() ” na paraan at ipasa ang mga argumento, at itakda ang halaga para sa maisusulat na ari-arian bilang totoo. Samakatuwid, ang id property ng object obj ay maaaring mabago ngayon:
Bagay . defineProperty ( obj , 'id' , {halaga : 137 ,
maisusulat : totoo
} ) ;
Magdagdag ng property sa tulong ng “ obj.id ” at italaga ang halaga:
obj. id = 214 ;Ayon sa mga naipasa na argumento, ipapakita ng console ang binagong value ng property:
console. log ( 'Object ID:' , obj. id ) ;Itakda ang naisusulat na value ng property bilang false. Bilang resulta, ang pangalan ng property ng object obj ay hindi na mababago ngayon:
Bagay . defineProperty ( obj , 'pangalan' , {halaga : 'Opisyal' ,
maisusulat : mali } ) ;
Magdagdag ng property sa tulong ng “ obj.name ” at italaga ang halaga:
obj. pangalan = 'Hafsa Javed' ;Ayon sa mga naipasa na argumento, hindi ipapakita ng console ang naipasa na bagong(Hafsa Javed) na halaga ng ari-arian ngunit mas lumang(Hafsa) na halaga:
console. log ( 'Pangalan ng Bagay:' , obj. pangalan ) ;Iyon lang ang tungkol sa pagdaragdag ng property sa isang object sa JavaScript.
Konklusyon
Upang idagdag ang property sa isang object sa JavaScript, maraming pamamaraan ang maaaring gamitin. Maaaring idagdag ng mga user ang property sa isang object sa pamamagitan ng paggamit ng “ notasyon ng tuldok(.) ”, “ Object.assign() 'paraan, o ang' Object.defineProperty() ” paraan. Ang post na ito ay nagsasaad ng maraming paraan para sa pagdaragdag ng property sa isang object sa JavaScript.