Hvordan iterere gjennom objekter i JavaScript

Å vite hvordan du kan iterere gjennom et enumerbart datasett i JavaScript er viktig for JavaScript -nybegynnere. Dataene du trenger for å iterere kan være i hvilken som helst form, for eksempel kart, lister, matriser og objekter. Ulike JavaScript-metoder brukes til å iterere gjennom objekter i JavaScript og hente flere nøkkelverdipar. Major fire av dem er for ... i loop, Gjenstand.nøkler () metode, Gjenstand.verdier () metode, og Gjenstand.innganger() metode.

Denne oppskrivningen vil diskutere metodene for å iterere gjennom objekter i JavaScript. Dessuten prosedyrene relatert til objekt iterasjon som for ... i loop, objekt.Keys () -metode, objekt.Verdier () Metode og objekt.Oppføringer () -metoden, vil også bli demonstrert med eksempler. Så la oss starte!

Itererer gjennom objekter i JavaScript ved å bruke til ... i loop

En av de vanligste metodene for å iterere gjennom objektegenskapene er å bruke “for i" Løkke. Koden du vil legge til i for ... i loop vil bli utført en gang for hver egenskap til objektet ditt.

Eksempel: iterere gjennom objekter i JavaScript ved å bruke til ... i loop

Først må du opprette et objekt i et JavaScript -program. For eksempel, i det undergitte eksemplet, har vi laget en "bruker”Objekt som har“Navn”,“alder”,“e -post”, Og“aktiv”Som dens egenskaper:

const user =
Navn: 'Jack Smith',
Alder: 28,
E -post: '[email protected] ',
aktiv: true;

Deretter vil vi bruke “for i”Loop for å iterere gjennom det opprettet bruker gjenstand. “for i”Loop vil returnere objektegenskapene eller nøklene og verdiene deres:

// itererer gjennom brukerobjektet
for (const nøkkel i brukeren)
konsoll.log ('$ Key: $ bruker [tast]');

Her er den komplette koden til det oppgitte eksemplet med utdataene:

Itererer gjennom objekter i JavaScript ved å bruke objekt.Keys () -metode

For å gjøre itering gjennom objekter enklere, Gjenstand.nøkler () metoden ble lagt til ES6. Du må passere objektet du vil iterere, og JavaScript -objektet.Keys () -metoden vil returnere en matrise som omfatter alle nøkler eller eiendomsnavn. Deretter kan du iterere gjennom den matrisen og hente verdien av hver egenskap ved å bruke en matrise -looping -metode som JavaScript foreach () -løkken.

Eksempel: iterere gjennom objekter i JavaScript ved å bruke objekt.Keys () -metode

For demonstrasjonsformålet vil vi lage en "kurs”Objekt som har forskjellige kurs som dens egenskaper som“db”,“JavaScript”,“CP”, Og“DLD”Og vil tilordne hver av noen dem spesifikke verdier:

const kurs =
DB: 45,
JavaScript: 67,
CP: 23,
DLD: 15;

Etter å ha gjort det, vil vi konvertere "kurs”Objekt til“nøkler”Array:

// Konverter objekt til nøkler -matrise
const nøkler = objekt.Nøkler (kurs);
// Skriv ut alle nøklene
konsoll.logg (nøkler);

I neste trinn vil vi iterere ved å bruke "kurs”Objekt ved å bruke“nøkler”Array. Her har vi brukt “for hver()”Loop for iterasjonen:

// iterere gjennom objekt
nøkler.foreach ((nøkkel, indeks) =>
konsoll.log ('$ Key: $ kurs [nøkkel]');
);

Ta en titt på utgangen fra det medfølgende eksemplet i det undergitte bildet:

Itererer gjennom objekter i JavaScript ved å bruke objekt.Verdier () Metode

JavaScript -objektet.Verdier () -metoden er motsatt av objektet.Key () Metode og ble innebygd i ES8. Objektet.Verdier () Metode sendes ut en matrise som omfatter egenskapens verdier for det ekstra objektet. Etter det kan du iterere gjennom objektverdiene ved å bruke en matrise -loopingmetode som JavaScript foreach () Loop.

Eksempel: iterere gjennom objekter i JavaScript ved å bruke objekt.Verdier () Metode

Dette eksemplet vil vise deg hvordan du kan iterere ved hjelp av objektet.Verdier () Metode gjennom en objektverdi. For dette formålet vil vi lage en “fugler”Objekt som har fire egenskaper”kråke”,“spurv”,“papegøye”, Og“Due”Med sine respektive verdier:

const fugler =
Crow: 1,
Sparrow: 2,
Parrot: 3,
Pigeon: 4;

Nå, for å iterere gjennom verdiene til “fugler”Objekt, vi vil påkalle objektet.verdier () metode mens du passerer “fugler”Objekt som et argument:

// itererer gjennom objektverdier
Gjenstand.verdier (fugler).foreach (val => konsoll.log (val));

Sjekk ut den undergitte utgangen til objektverdiene iterasjon:

Itererer gjennom objekter i JavaScript ved å bruke objekt.Oppføringer () Metode

En annen ES8 -metode som kan brukes til å iterere gjennom objektene i JavaScript er "Gjenstand.innganger()”Metode. Når du påkaller objektet.Oppføringer () Metode Ved å passere det opprettede objektet som et argument, vil den returnere to elementer i hver indre matrise. Det første arrayelementet vil representere objektegenskapen, og den tilsvarende verdien vil bli lagret i det andre elementet.

Eksempel: iterere gjennom objekter i JavaScript ved å bruke objekt.Oppføringer () Metode

Å bruke objektet.Oppføringsmetode () I JavaScript -programmet ditt oppretter du et objekt med noen egenskaper og deres verdier. For eksempel har vi laget en "fugler”Objekt som har fire egenskaper:

const fugler =
Crow: 1,
Sparrow: 2,
Parrot: 3,
Pigeon: 4;

Nå, for å iterere gjennom “gjenstand”Verdier, vi vil passere“fugler”Objekt som et argument for“Gjenstand.innganger()”Metode og lagre returverdien i“innganger”Variabel:

// itererer gjennom objektverdier
const oppføringer = objekt.Oppføringer (fugler);
konsoll.logg (oppføringer);

Som du kan se fra den undergitte utgangen, "Gjenstand.innganger()”Metoden har returnert fire indre matriser, der hver matrise lagrer en enkelt eiendom av“fugler”Objekt sammen med verdien:

Å iterere gjennom matrisen, som returneres av JavaScript -objektet.Oppføringer () -metode, du kan også bruke “for hver()”Metode eller“for ... av" Løkke.

For å bruke for ... av loopen, må du skrive ut følgende kode etter å ha opprettet det nødvendige fugleobjektet:

for (const [nøkkel, verdi] av objektet.oppføringer (fugler))
konsoll.log ('$ Key: $ verdi');

Ved hjelp av “for ... av”Loop, vi har med suksess iterert over“fugler”Objekt, som kan sees i utgangen:

I dette tilfellet, hvis du vil bruke "for hver()”Metode for samme formål, påkalle deretter objektet.Oppføringer () -metode mens du passerer det opprettede objektet som et argument og deretter kaller “for hver()”Metode. Foreach () -metoden vil returnere objektegenskapene eller nøklene og deres respektive verdier:

// foreach () -metoden
Gjenstand.Oppføringer (fugler).foreach (([nøkkel, verdi]) =>
konsoll.LOG ('$ Key: $ verdi')
);

Konklusjon

Bruker for ... i loop, objekt.Key () Metode, objekt.Verdier () Metode, objekt.Oppføringer () Metode, kan du iterere gjennom objektene i JavaScript. For ... i loop, objekt.Oppføringer () Metode og objekt.Keys () -metoden brukes til å iterere gjennom objektnøkkelparverdiene, mens objektet.verdier () bare itererer gjennom egenskapens verdier til et objekt. Denne oppskrivningen diskuterte metodene for å iterere gjennom objekter i JavaScript. Dessuten prosedyrene relatert til objekt iterasjon som for ... i loop, objekt.Keys () -metode, objekt.Verdier () Metode og objekt.Oppføringer () -metoden er også demonstrert med eksempler.