Hvordan sløyfe gjennom et vanlig JavaScript -objekt

På JavaScript -språket er et objekt en spesifikk datainnsamling. Disse datasamlingene inneholder en eller flere egenskaper som definerer det, så vel som metoder for å utføre vanlige oppgaver. Imidlertid er looping gjennom et oppslukende datasett en typisk vanskelighetsgrad for programmerere. Når du hører begrepet “Løkke”I JavaScript tenker programmerere generelt på de mange løkkene, for eksempel for løkker, foreach (), kart () og andre. Dessverre gjelder ikke disse metodene objektene fordi objektene ikke er iterable.

Denne opplæringen vil demonstrere måtene å sløyfe/iterere gjennom et enkelt JavaScript -objekt.

Hvordan sløyfe gjennom et vanlig/enkelt JavaScript -objekt?

For å sløyfe/iterere gjennom et enkelt JavaScript -objekt, bruk følgende metoder:

• for-i-loop
• Gjenstand.Keys () -metode
• Gjenstand.Verdier () Metode
• Gjenstand.Oppføringer () Metode

Metode 1: Loop gjennom et vanlig/enkelt JavaScript-objekt ved hjelp av for-i-loop

For å sløyfe gjennom et objekt, bruk "For-in" -sløyfen. Det itererer over alle enumerbare strengegenskaper til et objekt som er assosiert med et objekt.

Syntaks
Bruk den medfølgende syntaksen til å bruke for-in-loopen til looping gjennom et objekt:

for (variabel i objekt)

Eksempel
Lag et objekt med egenskaper i nøkkelverdipar:

var objekt =
"JavaScript": 1,
"Java": 5,
"Python": 20,
"HTML": 2,
"CSS": 11

Sløyfe over objektet basert på tastene til et objekt:

for (const nøkkel i objekt)
konsoll.log ('$ Key: $ objekt [nøkkel]');

Utgangen viser alle egenskapene til objektet i et nøkkelverdipar:

Metode 2: Loop gjennom et vanlig/enkelt JavaScript -objekt ved hjelp av objekt.Keys () -metode

Hver egenskap i et objekt har en tilsvarende verdi, noe som betyr at hver egenskap omfatter nøkkelverdipar. Du kan trekke ut tastene, verdiene eller både nøkler og verdier som oppføringer i en matrise ved å bruke objektets statiske metoder. Hvis du vil hente et objekts nøkler, kan du bruke "Gjenstand.nøkler ()”Metode.

Syntaks
Følg den gitte syntaksen for å sløyfe gjennom et objekt for å hente egenskapene/nøklene til et objekt:

Gjenstand.nøkler (objekt)

Eksempel
Påkalle objektet.Keys () -metode og lagre den resulterende rekke tastene til objektet i variabel “Objkeys”:

const objkeys = objekt.nøkler (objekt);

Som du kan se i utgangen, er alle nøklene til et objekt blitt hentet:

Metode 3: Loop gjennom et vanlig/enkelt JavaScript -objekt ved hjelp av objekt.Verdier () Metode

For å få verdiene til et objekt mot dets egenskaper, bruk "Gjenstand.verdier ()”Metode. Det gir tilbake en rekke verdier for egenskapene/nøklene til et objekt.

Syntaks
Den gitte syntaks brukes for å få objektets verdier ved å sløyfe gjennom et objekt:

Gjenstand.verdier (objekt)

Eksempel
Påkalle objektet.Verdier () Metode for å få verdiene til et objekt mot dets egenskaper:

const objvalues ​​= objekt.verdier (objekt);

Utgangen viser en rekke verdier mot objektets egenskaper:

Metode 4: Loop gjennom et vanlig/enkelt JavaScript -objekt ved hjelp av objekt.Oppføringer () Metode

Du kan også iterere gjennom et vanlig/enkelt JavaScript -objekt ved å bruke "Gjenstand.innganger()”Metode. Det genererer en rekke delgare som inneholder nøkkelverdipar av det gitte objektet.

Syntaks
Følgende syntaks brukes til å få oppføringene til et objekt ved å loopere et objekt:

Gjenstand.Oppføringer (objekt)

Eksempel
Ring objektet.Oppføringer () Metode på objektet for å hente alle oppføringene til et objekt:

const objentries = objekt.oppføringer (objekt);

Produksjon

Vi har samlet all nødvendig informasjon som er relevant for sløyfe gjennom vanlige JavaScript -objekter med objekter som medlemmer.

Konklusjon

For å sløyfe gjennom et vanlig/enkelt JavaScript -objekt, bruk "for i" Løkke, "Gjenstand.nøkler ()”Metode,“Gjenstand.verdier ()”Metode, eller“Gjenstand.innganger()”Metode. For-in-loopen og objektet.Oppføringer () -metoden brukes til å få alle nøkkelverdiparene i et objekt, mens objektet.nøkler () brukes til å få nøklene og objektet.verdier () for verdiene til et objekt. Denne opplæringen demonstrerte forskjellige måter å sløyfe gjennom et enkelt JavaScript -objekt.