Kā veikt cilpu caur vienkāršu JavaScript objektu

Ka Veikt Cilpu Caur Vienkarsu Javascript Objektu



JavaScript valodā objekts ir noteikta datu kolekcija. Šīs datu kolekcijas satur vienu vai vairākus raksturlielumus, kas to definē, kā arī metodes kopīgu uzdevumu izpildei. Tomēr programmētājiem raksturīgas grūtības sagādā neskaitāmas datu kopas pārlūkošana. Izdzirdot terminu ' cilpa ” JavaScript programmā programmētāji parasti domā par daudzajām cilpām, piemēram, for loop, forEach(), map() un citas. Diemžēl šīs metodes neattiecas uz objektiem, jo ​​objekti nav atkārtojami.

Šī apmācība parādīs veidus, kā veikt cilpu/iterāciju, izmantojot vienkāršu JavaScript objektu.

Kā veikt cilpu caur vienkāršu/vienkāršu JavaScript objektu?

Lai veiktu cilpu/iterāciju caur vienkāršu JavaScript objektu, izmantojiet šādas metodes:







1. metode: veiciet cilpu caur vienkāršu/vienkāršu JavaScript objektu, izmantojot for-in cilpu

Lai pārvietotos caur objektu, izmantojiet cilpu “for-in”. Tas atkārtojas visos uzskaitāmajos objekta virkņu atribūtos, kas ir saistīti ar objektu.



Sintakse
Izmantojiet piedāvāto sintaksi, lai izmantotu for-in cilpu, lai pārvietotos caur objektu:



priekš ( mainīgs iekšā objektu )

Piemērs
Izveidojiet objektu ar rekvizītiem atslēgu un vērtību pāros:





bija objektu = {
'JavaScript' : viens ,
'Java' : 5 ,
'Pitons' : divdesmit ,
'HTML' : 2 ,
'CSS' : vienpadsmit
}

Pārvietojiet objektu, pamatojoties uz objekta taustiņiem:

priekš ( konst taustiņu iekšā objektu ) {
konsole. žurnāls ( `$ { taustiņu } : $ { objektu [ taustiņu ] } ` ) ;
}

Izvade parāda visus objekta raksturlielumus atslēgu un vērtību pārī:



2. metode: cilpa caur vienkāršu/vienkāršu JavaScript objektu, izmantojot Object.keys() metodi

Katram objekta rekvizītam ir atbilstoša vērtība, kas nozīmē, ka katrs īpašums satur atslēgu un vērtību pārus. Varat iegūt atslēgas, vērtības vai abas atslēgas un vērtības kā ierakstus masīvā, izmantojot objekta statiskās metodes. Ja vēlaties izgūt objekta atslēgas, izmantojiet ' Object.keys() ” metode.

Sintakse
Izpildiet norādīto sintakse, lai pārvietotos caur objektu un izgūtu objekta rekvizītus/atslēgas:

Objekts . atslēgas ( objektu )

Piemērs
Izsauciet metodi Object.keys() un saglabājiet iegūto objekta atslēgu masīvu mainīgajā ' objKeys ”:

konst objKeys = Objekts . atslēgas ( objektu ) ;

Kā redzat izvadē, visas objekta atslēgas ir veiksmīgi izgūtas:

3. metode: cilpa caur vienkāršu/vienkāršu JavaScript objektu, izmantojot metodi Object.values()

Lai iegūtu objekta vērtības pret tā īpašībām, izmantojiet ' Object.values() ” metode. Tas atdod vērtību masīvu objekta īpašībām/atslēgām.

Sintakse
Dotā sintakse tiek izmantota, lai iegūtu objekta vērtības, pārvietojoties caur objektu:

Objekts . vērtības ( objektu )

Piemērs
Izsauciet metodi Object.values(), lai iegūtu objekta vērtības pret tā īpašībām:

konst objValues = Objekts . vērtības ( objektu ) ;

Izvade parāda vērtību masīvu, salīdzinot ar objekta īpašībām:

4. metode: cilpa caur vienkāršu/vienkāršu JavaScript objektu, izmantojot Object.entries() metodi

Varat arī atkārtot, izmantojot vienkāršu/vienkāršu JavaScript objektu, izmantojot ' Object.entries() ” metode. Tas ģenerē apakšmasīvu masīvu, kas satur dotā objekta atslēgu-vērtību pārus.

Sintakse
Lai iegūtu objekta ierakstus, izveidojot objekta cilpu, tiek izmantota šāda sintakse:

Objekts . ieraksti ( objektu )

Piemērs
Objektam izsauciet metodi Object.entries(), lai izgūtu visus objekta ierakstus:

konst objIeraksti = Objekts . ieraksti ( objektu ) ;

Izvade

Mēs esam apkopojuši visu nepieciešamo informāciju, kas attiecas uz vienkāršu JavaScript objektu cilpu, kuros objekti ir dalībnieki.

Secinājums

Lai pārlūkotu vienkāršu/vienkāršu JavaScript objektu, izmantojiet ' for-in 'cilpa', ' Object.keys() 'metode', ' Object.values() ' metode vai ' Object.entries() ” metode. For-in cilpa un Object.entries() metode tiek izmantota, lai iegūtu visus atslēgu-vērtību pārus objektā, savukārt Object.keys() tiek izmantota atslēgu iegūšanai un Object.values() vērtību iegūšanai. objekts. Šajā apmācībā tika parādīti dažādi veidi, kā izmantot vienkāršu JavaScript objektu.