Ipapakita ng tutorial na ito ang mga paraan ng pag-loop/pag-ulit sa pamamagitan ng isang simpleng object ng JavaScript.
Paano Mag-loop sa Isang Plain/Simple JavaScript Object?
Upang mag-loop/mag-ulit sa pamamagitan ng isang simpleng object ng JavaScript, gamitin ang mga sumusunod na pamamaraan:
Paraan 1: Loop sa pamamagitan ng Plain/Simple JavaScript Object Gamit ang for-in Loop
Upang mag-loop sa isang bagay, gamitin ang 'for-in' na loop. Ito ay umuulit sa lahat ng enumerable na katangian ng string ng isang bagay na nauugnay sa isang bagay.
Syntax
Gamitin ang ibinigay na syntax upang magamit ang for-in na loop para sa pag-loop sa isang bagay:
para sa ( variable sa bagay )
Halimbawa
Lumikha ng isang bagay na may mga katangian sa mga pares ng key-value:
ay bagay = {
'JavaScript' : isa ,
'Java' : 5 ,
'Python' : dalawampu ,
'HTML' : 2 ,
'CSS' : labing-isa
}
I-loop ang object batay sa mga key ng isang object:
para sa ( const susi sa bagay ) {console. log ( `$ { susi } : $ { bagay [ susi ] } ` ) ;
}
Ipinapakita ng output ang lahat ng katangian ng object sa isang key-value pair:
Paraan 2: Loop sa pamamagitan ng Plain/Simple JavaScript Object Gamit ang Object.keys() Method
Ang bawat property sa isang object ay may katumbas na value, ibig sabihin, ang bawat property ay binubuo ng key-value pairs. Maaari mong i-extract ang mga key, value, o parehong key at value bilang mga entry sa isang array gamit ang mga static na pamamaraan ng object. Kung gusto mong kunin ang mga susi ng isang bagay, gamitin ang ' Object.keys() ” paraan.
Syntax
Sundin ang ibinigay na syntax upang mag-loop sa isang bagay upang makuha ang mga katangian/key ng isang bagay:
Halimbawa
I-invoke ang Object.keys() method at iimbak ang resultang array ng mga key ng object sa variable na “ objKeys ”:
Tulad ng makikita mo sa output, ang lahat ng mga susi ng isang bagay ay matagumpay na nakuha:
Paraan 3: Loop sa pamamagitan ng Plain/Simple JavaScript Object Gamit ang Object.values() Method
Para sa pagkuha ng mga halaga ng isang bagay laban sa mga katangian nito, gamitin ang ' Object.values() ” paraan. Nagbibigay ito ng isang hanay ng mga halaga para sa mga katangian/susi ng isang bagay.
Syntax
Ang ibinigay na syntax ay ginagamit upang makuha ang mga halaga ng bagay sa pamamagitan ng pag-loop sa isang bagay:
Halimbawa
I-invoke ang Object.values() method upang makuha ang mga value ng isang object laban sa mga katangian nito:
Ang output ay nagpapakita ng isang hanay ng mga halaga laban sa mga katangian ng bagay:
Paraan 4: Loop sa pamamagitan ng Plain/Simple JavaScript Object Gamit ang Object.entries() Method
Maaari ka ring umulit sa pamamagitan ng isang plain/simpleng JavaScript object gamit ang “ Object.entry() ” paraan. Bumubuo ito ng hanay ng mga sub-array na naglalaman ng mga pares ng key-value ng ibinigay na object.
Syntax
Ang sumusunod na syntax ay ginagamit upang makuha ang mga entry ng isang bagay sa pamamagitan ng pag-loop ng isang bagay:
Halimbawa
Tawagan ang Object.entries() method sa object para sa pagkuha ng lahat ng entry ng isang object:
Output
Nakuha namin ang lahat ng kinakailangang impormasyon na may kaugnayan sa pag-ikot sa mga simpleng bagay ng JavaScript na may mga bagay bilang mga miyembro.
Konklusyon
Upang umikot sa isang plain/simpleng JavaScript object, gamitin ang “ para sa 'loop,' Object.keys() 'paraan,' Object.values() 'paraan, o ang' Object.entry() ” paraan. Ang for-in loop at ang Object.entries() method ay ginagamit para makuha ang lahat ng key-value pairs sa isang object, habang ang Object.keys() ay ginagamit para sa pagkuha ng mga key at Object.values() para sa mga value ng isang bagay. Nagpakita ang tutorial na ito ng iba't ibang paraan upang mag-loop sa isang simpleng object ng JavaScript.