Denne tutorial vil demonstrere måder at sløjfe/iterere gennem et simpelt JavaScript-objekt.
Hvordan går man gennem et almindeligt/simpelt JavaScript-objekt?
For at sløjfe/iterere gennem et simpelt JavaScript-objekt skal du bruge følgende metoder:
Metode 1: Loop gennem et almindeligt/simpelt JavaScript-objekt ved hjælp af for-in-løkke
For at sløjfe gennem et objekt, brug 'for-in'-løkken. Det itererer på tværs af alle utallige strengattributter for et objekt, der er knyttet til et objekt.
Syntaks
Brug den medfølgende syntaks til at bruge for-in-løkken til at sløjfe gennem et objekt:
til ( variabel i objekt )
Eksempel
Opret et objekt med egenskaber i nøgleværdi-par:
var objekt = {
'JavaScript' : en ,
'Java' : 5 ,
'Python' : tyve ,
'HTML' : 2 ,
'CSS' : elleve
}
Sløjfe over objektet baseret på nøglerne til et objekt:
til ( konst nøgle i objekt ) {konsol. log ( `$ { nøgle } : $ { objekt [ nøgle ] } ` ) ;
}
Outputtet viser alle objektets karakteristika i et nøgleværdi-par:
Metode 2: Loop gennem et almindeligt/simpelt JavaScript-objekt ved hjælp af Object.keys()-metoden
Hver egenskab i et objekt har en tilsvarende værdi, hvilket betyder, at hver egenskab omfatter nøgleværdi-par. Du kan udtrække nøglerne, værdierne eller både nøgler og værdier som indgange i et array ved hjælp af objektets statiske metoder. Hvis du vil hente et objekts nøgler, skal du bruge ' Object.keys() ” metode.
Syntaks
Følg den givne syntaks for at gå gennem et objekt for at hente et objekts egenskaber/nøgler:
Eksempel
Kald metoden Object.keys() og gem den resulterende række af nøgler til objektet i variabel ' objKeys ”:
Som du kan se i outputtet, er alle nøglerne til et objekt blevet hentet:
Metode 3: Loop gennem et almindeligt/simpelt JavaScript-objekt ved hjælp af Object.values()-metoden
For at få værdierne af et objekt i forhold til dets egenskaber, brug ' Object.values() ” metode. Det giver en række værdier tilbage for et objekts egenskaber/nøgler.
Syntaks
Den givne syntaks bruges til at få objektets værdier ved at gå gennem et objekt:
Eksempel
Brug metoden Object.values() for at få værdierne af et objekt mod dets egenskaber:
Outputtet viser en række værdier mod objektets egenskaber:
Metode 4: Loop gennem et almindeligt/simpelt JavaScript-objekt ved hjælp af Object.entries()-metoden
Du kan også iterere gennem et almindeligt/simpelt JavaScript-objekt ved hjælp af ' Object.entries() ” metode. Det genererer et array af underarrays, der indeholder nøgle-værdi-par af det givne objekt.
Syntaks
Følgende syntaks bruges til at få indtastningerne af et objekt ved at sløjfe et objekt:
Eksempel
Kald metoden Object.entries() på objektet for at hente alle indgange af et objekt:
Produktion
Vi har samlet al den nødvendige information, der er relevant for at gennemgå almindelige JavaScript-objekter med objekter som medlemmer.
Konklusion
For at gå gennem et almindeligt/simpelt JavaScript-objekt skal du bruge ' for-ind 'løkke', Object.keys() 'metode', ' Object.values() '-metoden eller ' Object.entries() ” metode. For-in-løkken og Object.entries()-metoden bruges til at få alle nøgleværdi-parrene i et objekt, mens Object.keys() bruges til at hente nøglerne og Object.values() for værdierne af et objekt. Denne vejledning demonstrerede forskellige måder at gå gennem et simpelt JavaScript-objekt på.