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.

Komanda	Apraksts
for...in	Cilpas cauri neskaitāmajām objekta īpašībām.
hasOwnProperty()	Pārbauda, ​​vai objektam noteiktais īpašums ir kā savs īpašums.
Object.keys()	Atgriež paša dotā objekta uzskaitāmo rekvizītu nosaukumu masīvu.
forEach()	Katram masīva elementam vienu reizi izpilda sniegto funkciju.
Object.entries()	Atgriež dotā objekta uzskaitāmo virknes rekvizītu [atslēga, vērtība] pāru masīvu.

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 cilpa, kas atkārto visas objekta neskaitāmās īpašības. Šīs cilpas ietvaros 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 metode, kas atgriež paša objekta uzskaitāmo rekvizītu nosaukumu masīvu. The metode tiek izmantota, lai atkārtotu šo masīvu, nodrošinot vienkāršāku un lasāmāku pieeju salīdzinājumā ar 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 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 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 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 , kas atgriež visu rekvizītu masīvu, tostarp neuzskaitāmos un simbolu rekvizītus. Šī metode ir visaptverošāka nekā un . 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.

1. Kā veikt cilpu caur objekta īpašībām?
2. Jūs varat izmantot a cilpa vai ar .
3. Kāda ir atšķirība starp un ?
4. atgriež rekvizītu nosaukumu masīvu, kamēr atgriež īpašuma vērtību masīvu.
5. Kā es varu iegūt gan objekta atslēgas, gan vērtības?
6. Izmantot lai iegūtu [atslēga, vērtība] pāru masīvu, pēc tam atkārtojiet ar .
7. Vai es varu atkārtot neskaitāmus rekvizītus?
8. Jā, izmantojiet vai iekļaut neskaitāmus rekvizītus.
9. Kā pārbaudīt, vai īpašums ir paša objekta īpašums?
10. Izmantot cilpas ietvaros, lai nodrošinātu, ka īpašums netiek mantots.
11. Kā atkārtot objekta simbolus?
12. Izmantot lai iegūtu simbolu īpašību masīvu.
13. Kāda ir labākā metode objekta īpašību atkārtošanai?
14. Tas ir atkarīgs no jūsu vajadzībām. Izmantot vienkāršības labad, konkrētiem īpašumu nosaukumiem un gan atslēgām, gan vērtībām.