Tämä opetusohjelma näyttää tapoja kiertää/iteroida yksinkertaisen JavaScript-objektin läpi.
Kuinka kiertää tavallisen / yksinkertaisen JavaScript-objektin läpi?
Voit kiertää/iteroida yksinkertaisen JavaScript-objektin läpi seuraavilla tavoilla:
Tapa 1: Silmukka tavallisen/yksinkertaisen JavaScript-objektin läpi käyttämällä for-in-silmukkaa
Käytä 'for-in' -silmukkaa kiertääksesi objektin läpi. Se toistuu kaikissa objektin luetelluissa merkkijonomääritteissä, jotka liittyvät objektiin.
Syntaksi
Käytä mukana tulevaa syntaksia käyttääksesi for-in-silmukkaa objektin läpi kiertämiseen:
varten ( muuttuja sisään esine )
Esimerkki
Luo objekti, jonka ominaisuuksia on avain-arvo-pareissa:
oli esine = {
'JavaScript' : yksi ,
'Java' : 5 ,
'Python' : kaksikymmentä ,
'HTML' : 2 ,
'CSS' : yksitoista
}
Kierrä objektin yli objektin avainten perusteella:
varten ( konst avain sisään esine ) {konsoli. Hirsi ( `$ { avain } : $ { esine [ avain ] } ` ) ;
}
Tulos näyttää kaikki objektin ominaisuudet avain-arvo-parina:
Tapa 2: Silmukka tavallisen/yksinkertaisen JavaScript-objektin läpi Object.keys()-menetelmällä
Jokaisella objektin ominaisuudella on vastaava arvo, mikä tarkoittaa, että jokainen ominaisuus sisältää avainarvopareja. Voit poimia avaimet, arvot tai molemmat avaimet ja arvot syötteinä taulukkoon käyttämällä objektin staattisia menetelmiä. Jos haluat hakea objektin avaimet, käytä ' Object.keys() ”menetelmä.
Syntaksi
Noudata annettua syntaksia kiertyäksesi objektin läpi ja hakeaksesi objektin ominaisuudet/avaimet:
Esimerkki
Kutsu Object.keys() -metodi ja tallenna objektin tuloksena oleva avainten joukko muuttujaan ' objKeys ”:
Kuten tulosteessa näkyy, objektin kaikki avaimet on haettu onnistuneesti:
Tapa 3: Silmukka tavallisen/yksinkertaisen JavaScript-objektin läpi käyttämällä Object.values()-menetelmää
Saadaksesi kohteen arvot sen ominaisuuksiin nähden, käytä ' Object.values() ”menetelmä. Se antaa takaisin joukon arvoja objektin ominaisuuksille/avaimille.
Syntaksi
Annettua syntaksia käytetään objektin arvojen saamiseen kiertämällä objektia:
Esimerkki
Kutsu Object.values()-metodi saada objektin arvot sen ominaisuuksiin nähden:
Tulos näyttää joukon arvoja kohteen ominaisuuksia vastaan:
Tapa 4: Silmukka tavallisen/yksinkertaisen JavaScript-objektin läpi Object.entries()-menetelmällä
Voit myös iteroida tavallisen/yksinkertaisen JavaScript-objektin läpi käyttämällä ' Object.entries() ”menetelmä. Se luo joukon alitaulukoita, jotka sisältävät tietyn objektin avainarvopareja.
Syntaksi
Seuraavaa syntaksia käytetään objektin merkintöjen saamiseksi silmukalla objektia:
Esimerkki
Kutsu Object.entries()-metodi objektiin kaikkien objektin merkintöjen hakemiseksi:
Lähtö
Olemme koonneet kaikki tarvittavat tiedot, jotka ovat tärkeitä yksinkertaisten JavaScript-objektien läpikäymiseen, joissa objektit ovat jäseniä.
Johtopäätös
Selaaksesi tavallista/yksinkertaista JavaScript-objektia, käytä ' sisään 'silmukka,' Object.keys() 'menetelmä', ' Object.values() ”menetelmä tai ” Object.entries() ”menetelmä. For-in-silmukkaa ja Object.entries()-metodia käytetään saamaan kaikki objektin avainarvoparit, kun taas Object.keys()-menetelmää käytetään avainten hankkimiseen ja Object.values()-menetelmää kohteen arvoille. esine. Tämä opetusohjelma esitteli erilaisia tapoja kiertää yksinkertaisen JavaScript-objektin läpi.