See õpetus demonstreerib viise, kuidas lihtsa JavaScripti objekti kaudu silmuseid/itereerida.
Kuidas teha silmust läbi tavalise / lihtsa JavaScripti objekti?
Lihtsa JavaScripti objekti kaudu tsükli/itereerimiseks kasutage järgmisi meetodeid.
1. meetod: silmus läbi tavalise/lihtsa JavaScripti objekti, kasutades for-in tsüklit
Objekti läbimiseks kasutage silmust 'for-in'. See kordab kõiki objekti loendatavaid stringiatribuute, mis on objektiga seotud.
Süntaks
Objekti läbimiseks silmuse for-in kasutamiseks kasutage kaasasolevat süntaksit:
jaoks ( muutuv sisse objektiks )
Näide
Looge objekt, mille atribuudid on võtme-väärtuse paarides:
oli objektiks = {
'JavaScript' : üks ,
'Java' : 5 ,
'Python' : kakskümmend ,
'HTML' : 2 ,
'CSS' : üksteist
}
Objekti klahvide alusel silmus üle objekti:
jaoks ( konst võti sisse objektiks ) {konsool. logi ( `$ { võti } : $ { objektiks [ võti ] } ` ) ;
}
Väljund kuvab kõik objekti omadused võtme-väärtuste paaris:
2. meetod: tsükkel läbi tavalise/lihtsa JavaScripti objekti, kasutades Object.keys() meetodit
Igal objekti atribuudil on vastav väärtus, mis tähendab, et iga atribuut sisaldab võtme-väärtuse paare. Objekti staatilisi meetodeid kasutades saate massiivi kirjetena ekstraktida võtmed, väärtused või mõlemad võtmed ja väärtused. Kui soovite objekti võtmeid hankida, kasutage Object.keys() ” meetod.
Süntaks
Objekti atribuutide/võtmete hankimiseks järgige antud süntaksit:
Näide
Käivitage meetod Object.keys() ja salvestage objekti võtmete massiiv muutujasse ' objKeys ”:
Nagu näete väljundis, on kõik objekti võtmed edukalt hangitud:
3. meetod: tsükkel läbi tavalise/lihtsa JavaScripti objekti, kasutades meetodit Object.values()
Objekti väärtuste võrdlemiseks selle omadustega kasutage ' Object.values() ” meetod. See annab tagasi objekti omaduste/võtmete väärtuste massiivi.
Süntaks
Antud süntaksit kasutatakse objekti väärtuste hankimiseks läbi objekti silmuse:
Näide
Objekti väärtuste võrdlemiseks selle omadustega käivitage meetod Object.values():
Väljund kuvab väärtuste massiivi võrreldes objekti omadustega:
4. meetod: tsükkel läbi tavalise/lihtsa JavaScripti objekti, kasutades meetodit Object.entries()
Samuti saate itereerida läbi tavalise/lihtsa JavaScripti objekti, kasutades ' Object.entries() ” meetod. See genereerib alammassiivide massiivi, mis sisaldab antud objekti võtme-väärtuste paare.
Süntaks
Objekti kirjete saamiseks objekti silmuse kaudu kasutatakse järgmist süntaksit:
Näide
Kutsuge objektil välja meetod Object.entries(), et tuua välja kõik objekti kirjed:
Väljund
Oleme kogunud kogu vajaliku teabe, et liikuda läbi tavaliste JavaScripti objektide, mille liikmeteks on objekte.
Järeldus
Lihtsas JavaScripti objektis ringi liikumiseks kasutage ' for-in 'silmus', ' Object.keys() 'meetod', ' Object.values() ' meetod või ' Object.entries() ” meetod. For-in loop ja Object.entries() meetodit kasutatakse objekti kõigi võtme-väärtuste paaride hankimiseks, samas kui Object.keys() kasutatakse võtmete ja Object.values() väärtuste hankimiseks. objekt. See õpetus demonstreeris erinevaid viise lihtsa JavaScript-objekti läbimiseks.