Denne opplæringen vil demonstrere måtene å sløyfe/iterere gjennom et enkelt JavaScript-objekt.
Hvordan gå gjennom et vanlig/enkelt JavaScript-objekt?
For å gå gjennom et enkelt JavaScript-objekt, bruk følgende metoder:
Metode 1: Sløyfe gjennom et vanlig/enkelt JavaScript-objekt ved å bruke for-in-løkke
For å gå gjennom et objekt, bruk 'for-in'-løkken. Den itererer på tvers av alle opptallige strengattributter til et objekt som er knyttet til et objekt.
Syntaks
Bruk den oppgitte syntaksen for å bruke for-in-løkken for å gå gjennom et objekt:
til ( variabel i gjenstand )
Eksempel
Opprett et objekt med egenskaper i nøkkelverdi-par:
var gjenstand = {
'JavaScript' : en ,
'Java' : 5 ,
'Python' : tjue ,
'HTML' : 2 ,
'CSS' : elleve
}
Sløyfe over objektet basert på nøklene til et objekt:
til ( konst nøkkel i gjenstand ) {konsoll. Logg ( `$ { nøkkel } : $ { gjenstand [ nøkkel ] } ` ) ;
}
Utdataene viser alle egenskapene til objektet i et nøkkelverdi-par:
Metode 2: Gå gjennom et vanlig/enkelt JavaScript-objekt ved å bruke Object.keys()-metoden
Hver egenskap i et objekt har en tilsvarende verdi, noe som betyr at hver egenskap består av nøkkelverdi-par. Du kan trekke ut nøklene, verdiene eller både nøklene og verdiene som oppføringer i en matrise ved å bruke objektets statiske metoder. Hvis du vil hente nøklene til et objekt, bruk ' Object.keys() 'metoden.
Syntaks
Følg den gitte syntaksen for å gå gjennom et objekt for å hente egenskapene/nøklene til et objekt:
Eksempel
Påkall Object.keys()-metoden og lagre den resulterende matrisen av nøkler til objektet i variabel ' objKeys ':
Som du kan se i utdataene, har alle nøklene til et objekt blitt hentet:
Metode 3: Gå gjennom et vanlig/enkelt JavaScript-objekt ved å bruke Object.values()-metoden
For å få verdiene til et objekt mot dets egenskaper, bruk ' Object.values() 'metoden. Det gir tilbake en rekke verdier for egenskapene/nøklene til et objekt.
Syntaks
Den gitte syntaksen brukes til å få objektets verdier ved å gå gjennom et objekt:
Eksempel
Påkall Object.values()-metoden for å få verdiene til et objekt mot dets egenskaper:
Utdataene viser en rekke verdier mot objektets egenskaper:
Metode 4: Gå gjennom et vanlig/enkelt JavaScript-objekt ved å bruke Object.entries()-metoden
Du kan også iterere gjennom et vanlig/enkelt JavaScript-objekt ved å bruke ' Object.entries() 'metoden. Den genererer en matrise med undermatriser som inneholder nøkkelverdi-par av det gitte objektet.
Syntaks
Følgende syntaks brukes for å få oppføringene til et objekt ved å sløyfe et objekt:
Eksempel
Kalle Object.entries()-metoden på objektet for å hente alle oppføringene til et objekt:
Produksjon
Vi har samlet all nødvendig informasjon som er relevant for å gå gjennom vanlige JavaScript-objekter med objekter som medlemmer.
Konklusjon
For å gå gjennom et vanlig/enkelt JavaScript-objekt, bruk ' for i ' Løkke, ' Object.keys() 'metode', ' Object.values() '-metoden, eller ' Object.entries() 'metoden. For-in-løkken og Object.entries()-metoden brukes til å få alle nøkkelverdi-parene i et objekt, mens Object.keys() brukes til å hente nøklene og Object.values() for verdiene til en gjenstand. Denne opplæringen demonstrerte forskjellige måter å gå gjennom et enkelt JavaScript-objekt.