- Paano Gumawa ng Map Function para sa Mga Bagay sa JavaScript
- Gumawa ng Map Function at Ipakita ang Mga Katangian
- Paglikha ng Map Function at Magtalaga ng Mga Halaga sa pamamagitan ng map.set() sa JavaScript
- Paraan ng Object.entries() sa JavaScript
Paano Gumawa ng Map Function para sa Mga Bagay sa JavaScript?
Nagbibigay ang JavaScript ng isang mapa() na pamamaraan para sa mga bagay na gumagana sa isang pares ng key-value. Ito ay mahalaga para sa pagsasagawa ng iba't ibang mga operasyon sa mga bagay sa pamamagitan ng paggamit ng mga pangunahing halaga. Ito ay gumagana nang katulad sa isang array.map() na pamamaraan sa pamamagitan ng pag-ulit sa mga elemento ng isang bagay. Sa pamamagitan ng pagsasaalang-alang sa function ng mapa para sa mga bagay, ang syntax ay nakasulat bilang mga sumusunod.
Syntax
mapa ( function ( elemento, index )
Sa syntax na ito, ang function umuulit sa ibabaw ng elemento sa pamamagitan ng index halaga.
Tandaan : Ang mapa() paraan ay hindi lumikha ng isang bagong bagay ngunit binabago ang umiiral na bagay sa pamamagitan ng mga halaga ng index.
Halimbawa 1: Gumawa ng Map Function at Ipakita ang Mga Katangian
Ang isang halimbawa ay iniangkop upang lumikha ng isang function ng mapa at magtalaga ng iba't ibang mga halaga sa mga katangian. Ang pamamaraan ng mapa () ay inuulit ang lahat ng mga katangian ng bagay. Panghuli, ipakita ang lahat ng mga katangian kasama ang kanilang mga halaga sa console window. Ang sumusunod na code ay isinasagawa tulad ng sumusunod:
Code
console. log ( 'Gumawa ng Map Function para sa Mga Bagay' ) ;hayaan si Stud_Obj = {
'Math_Marks' : 80 ,
'English_Marks' : 77 ,
'Physics_Marks' : 90 } ;
Bagay . mga susi ( Stud_Obj ) . mapa ( function ( susi, halaga ) {
} ) ;
console. log ( Stud_Obj ) ;
Sa code na ito:
- Ang isang bagay ay nilikha gamit ang pangalan “Stud_Obj” at may iba't ibang katangian, kabilang ang “Math_Marks”, “English_Marks” at “Physics_Marks”.
- Ang mga katangiang ito ay naglalaman ng iba't ibang “80, 77, at 90” mga halaga na itinalaga ng colon.
- Pagkatapos, Object.keys ay ginagamit upang ibalik ang mga katangian ng isang bagay “Stud_Obj”.
- Ang mapa() function na tawag para sa lahat ng mga katangian na nasa object sa pamamagitan ng key-value pairs.
- Sa huli, ang console.log() paraan ay ginagamit upang ipakita ang bagay “Stud_Obj” sa console window.
Output
Ibinabalik ng output ang lahat ng mga katangian “Math_Marks”, “English_Marks” at “Physics_Marks” kasama ang kanilang mga nakatalagang halaga sa console window.
Halimbawa 2: Gumawa ng Map Function at Magtalaga ng Mga Halaga
Ang isang halimbawa ay ginagamit upang lumikha ng isang bagong mapa object sa pamamagitan ng paggamit ng bago keyword. Pagkatapos nito, ang map.set() Ang mga pamamaraan ay ginagamit upang magtalaga ng mga katangian sa JavaScript code.
Code
console. log ( 'Gumawa ng Map Function para sa Mga Bagay' ) ;hayaan ang mapa = bago Mapa ( ) ;
mapa. itakda ( 'Harry_id' , 04 ) ;
mapa. itakda ( 'Peter_id' , 08 ) ;
mapa. itakda ( 'John_id' , 07 ) ;
hayaan ang obj_ids = Array . mula sa ( mapa ) . bawasan ( ( obj_ids, [ susi, halaga ] ) => (
Bagay . italaga ( obj_ids, { [ susi ] : halaga } )
) , { } ) ;
console. log ( obj_ids ) ;
Ang paliwanag ng code ay ang mga sumusunod:
- A mapa bagay ay nilikha gamit ang a bago keyword na umuulit sa mga katangian ng bagay.
- Pagkatapos nito, ang map.set() paraan ay ginagamit sa pamamagitan ng pagtatalaga ng mga katangian “Harry_id” , “Peter_id” at “John_id”.
- Ang mga katangiang ito ay may mga natatanging halaga kabilang ang “04”, “08”, at “07” ayon sa pagkakabanggit.
- Higit pa rito, ang Array.from() ibinabalik ng pamamaraan ang array mula sa mapa bagay.
- Pagkatapos nito, ang bawasan() tinatawag na pabalik ng pamamaraan ang obj_ids at kinukuha ang lahat ng mga katangian na may mga halaga .
- Ang Object.assign() paraan ay nagtatakda ng partikular na halaga sa bawat katangian sa pamamagitan ng mga susi .
- Sa wakas, ang console.log() Ang pamamaraan ay nagpapakita ng lahat ng mga katangian ng bagay sa pagdaan “obj_ids” .
Output
Halimbawa 3: Paraan ng Object.entries() sa JavaScript
Nagbibigay ang JavaScript ng Object.entry() paraan at ibinabalik ang lahat ng mga katangian ng bagay batay sa key-value magkapares. Sa pamamagitan ng pagsasaalang-alang sa Object.entry() paraan, ang code ay nakasulat bilang mga sumusunod.
Code
console. log ( 'Gumawa ng Map Function para sa Mga Bagay' ) ;const sports_obj = {
una : 'Kuliglig' ,
pangalawa : 'Football' ,
pangatlo : 'Hockey' ,
}
const m = bagong Mapa ( Bagay . mga entry ( sports_obj ) ) ;
console. log ( m ) ;
Ang paglalarawan ng code ay ang mga sumusunod:
- Una, isang bagay “sports_obj” ay nilikha na naglalaman ng iba't ibang mga katangian 'una pangalawa' at “pangatlo”.
- Ang mga katangiang ito ay may iba't ibang halaga bilang “Kuliglig”, “Football” at “Hockey”.
- Pagkatapos nito, ang Object.entry() paraan tumatanggap ng isang bagay “sports_obj” at ibinabalik ang lahat ng mga katangian at iniimbak ang mga ito sa variable “m”.
- Sa wakas, ang console.log() paraan ay ginagamit upang ipakita ang listahan ng mga katangian ng mga bagay sa console window.
Output
Ipinapakita ng output ang bilang ng mga attribute bilang '3' at ipinapakita ang lahat ng attribute na may mga value sa console window.
Konklusyon
Nagbibigay ang JavaScript ng isang mapa() paraan para sa paglikha ng function ng mapa upang makipag-ugnayan sa mga katangian ng mga bagay. Ito ay umuulit sa lahat ng mga katangian ng mga bagay sa pamamagitan ng paggamit ng mga pangunahing halaga. Bilang karagdagan, ang map.set() Ang mga pamamaraan ay ginagamit upang italaga ang mga katangian ng mga bagay. Bukod dito, ang Object.entry() ibinabalik ng method ang lahat ng attribute ng object pagkatapos gumawa ng mapa function sa JavaScript. Ang artikulong ito ay nagpapakita ng paglikha ng isang mapa function para sa mga bagay at ipinapakita ang lahat ng mga katangian ng mga bagay sa console window.