Atkārtošana pār JavaScript objektu īpašībām

JavaScript objektu iterācijas izpēte

JavaScript objekti ir būtiski svarīgi, lai uzglabātu un pārvaldītu datus atslēgu un vērtību pāros. Strādājot ar šiem objektiem, bieži rodas vajadzība pārskatīt to rekvizītus, lai piekļūtu atslēgām un vērtībām.

Šī apmācība palīdzēs jums izmantot dažādas metodes rekvizītu uzskaitīšanai JavaScript objektā. Neatkarīgi no tā, vai esat iesācējs JavaScript lietošanā vai vēlaties uzlabot savas prasmes, efektīvai kodēšanai ir svarīga izpratne par šīm metodēm.

Izpratne par JavaScript objektu iterācijas metodēm

Piedāvātie skripti piedāvā dažādas metodes, kā atkārtot JavaScript objekta īpašības. Pirmais skripts izmanto a for...in cilpa, kas atkārto visas objekta neskaitāmās īpašības. Šīs cilpas ietvaros hasOwnProperty() metode pārbauda, ​​vai objektam noteiktais īpašums ir kā savs īpašums, nodrošinot, ka mantotās īpašības netiek iekļautas. Šī metode ir noderīga, ja nepieciešams veikt darbības ar katru objekta rekvizītu, piemēram, reģistrēt vai mainīt vērtības.

Otrais skripts izmanto Object.keys() metode, kas atgriež paša objekta uzskaitāmo rekvizītu nosaukumu masīvu. The forEach() metode tiek izmantota, lai atkārtotu šo masīvu, nodrošinot vienkāršāku un lasāmāku pieeju salīdzinājumā ar for...in cilpa. Trešais skripts izmanto Object.entries(), kas atgriež paša objekta uzskaitāmo virknes rekvizītu [atslēga, vērtība] pāru masīvu. A for...of cilpa tiek izmantota, lai atkārtotu šos pārus, piedāvājot īsu veidu, kā vienlaikus piekļūt gan atslēgām, gan vērtībām.

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
for (const key in p) {
  if (p.hasOwnProperty(key)) {
    console.log(key + ": " + p[key]);
  }
}

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
Object.keys(p).forEach(key => {
  console.log(key + ": " + p[key]);
});

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
for (const [key, value] of Object.entries(p)) {
  console.log(key + ": " + value);
}

Uzlabotas metodes JavaScript objektu atkārtošanai

Papildus iepriekš aprakstītajām metodēm vēl viens noderīgs paņēmiens atkārtošanai JavaScript objektos ir izmantot Object.values() metodi. Šī metode atgriež paša objekta uzskaitāmo rekvizītu vērtību masīvu. Tas ir īpaši noderīgi, ja jums ir vajadzīgas tikai vērtības, nevis atslēgas. Pēc tam varat izmantot forEach() vai citas masīva metodes šo vērtību apstrādei. Šī metode vienkāršo gadījumus, kad taustiņiem nav nozīmes konkrētajam uzdevumam.

Vēl viena uzlabota metode tiek izmantota Reflect.ownKeys(), kas atgriež visu rekvizītu masīvu, tostarp neuzskaitāmos un simbolu rekvizītus. Šī metode ir visaptverošāka nekā Object.keys() un Object.getOwnPropertyNames(). Apvienojot ar for...of, tas ļauj izstrādātājiem vienotā veidā atkārtot visus objekta rekvizītus. Izpratne par šīm uzlabotajām metodēm paplašina jūsu rīku komplektu darbam ar sarežģītiem objektiem un nodrošina, ka varat efektīvi rīkoties ar dažādiem iterācijas scenārijiem.