Hvordan iterere gjennom et kart i JavaScript

JavaScript tilbyr en rekke funksjoner for å utføre iterasjoner over en matrise. En av dem, den kart() Metoden itererer på hvert element i den spesifiserte matrisen og returnerer en oppdatert matrise med samme lengde. De “For av” sløyfe ved siden av innganger() metoden itererer gjennom kart objekt som krysser hvert element i matrisen. Disse metodene returnerer en matrise gjennom nøkkelverdiparene. Dessuten fungerer ikke disse metodene på et tomt utvalg. Dette innlegget forklarer forskjellige metoder for å iterere gjennom et kart i JavaScript.

Følgende innhold uttrykker oversikten over dette innlegget:

• Hvordan iterere gjennom et kart i JavaScript
• Bruker "for av" -sløyfe for å iterere gjennom MAP i JavaScript
• Bruke tilbakeringingsmetode for å iterere gjennom MAP i JavaScript

Hvordan iterere gjennom et kart i JavaScript?

I JavaScript, a kart Objekt er en kombinasjon av en nøkkel og et verdipar. Dette objektet opprettes gjennom Kart() Konstruktør. De kart() metoden itererer gjennom objektet i en spesifisert matrise. Å iterere over objektet, kart() Metode integreres med innganger() metode og returnerer en matrise gjennom nøkkelverdiparene.

Denne delen demonstrerer mange måter å iterere gjennom et kart i JavaScript.

Metode 1: Bruke “For Of” Loop for å iterere gjennom MAP i JavaScript

Å utføre iterasjon, “For av” sløyfe utføres en gang for hvert nøkkelverdipar av kart Objekter i JavaScript. Først må du se på syntaksen til “For av” Loop for å iterere over et kart i JavaScript.

Syntaks

for (const x of map.innganger())

I denne syntaksen, “X” står for nøkkelverdiparet, og "kart" refererer til objektet.

Kode

konsoll.Logg ("Eksempel for å iterere gjennom et kart")
var mag_obj = nytt kart ();
MAG_OBJ.sett ("cricket", "sport");
MAG_OBJ.sett ("eple", "mat");
for (var [nøkkel, verdi] av mag_obj.innganger())
konsoll.Logg (tast + "er" + verdi);

Ovennevnte kode er forklart her:

• For det første et objekt “Mag_obj” er opprettet gjennom Kart() konstruktør med en ny nøkkelord.
• Etter det, sett() Metoden brukes til å lagre to verdier, "Siriss" og "sport" i “Mag_obj”.
• på samme måte, "Eple" og "mat" er satt gjennom sett() metode.
• Etter det, “For av” sløyfen implementeres med en innganger() Metode som itererer over alle elementene og returnerer den nye matrisen ved å plassere "er" mellom de ovennevnte verdiene.
• Til slutt konsoll.Logg() Metoden presenterer utgangen gjennom nøkkelverdiparet i konsollvinduet.

Produksjon

Utgangen viser det “Cricket er sport” og “Apple er mat” er sammenkoblet gjennom nøkkelverdiparene.

Metode 2: Bruke tilbakeringingsmetode for å iterere gjennom MAP i JavaScript

“kart()”Metoden brukes som en tilbakeringingsfunksjon på hvert element i matrisen. Syntaksen til MAP () -metoden som brukes som tilbakeringingsfunksjon er gitt nedenfor:

Syntaks

arr.Kart ((element) => operasjon)

I denne syntaksen, kart() metoden itererer over hver element og utfører deretter en spesifikk operasjon på det.

Kode

konsoll.Logg ("Eksempel for å iterere gjennom et kart")
const num = [3, 6, 7, 2, 5]
const new_num = num.kart (element =>
returvare * 2
)
konsoll.Log (New_Num)

Beskrivelsen av koden er gitt her:

• En matrise Num er opprettet med fem elementer “3, 6, 7, 2, og 5”.
• Etter det, kart() metoden brukes til å iterere over hvert element i matrisen gjennom Num gjenstand.
• Metoden returnerer den nye matrisen ved å multiplisere hvert element med 2.
• Til slutt, den konsoll.Logg() Metoden brukes for å presentere den nye matrisen i konsollvinduet.

Produksjon

Utgangen viser det “[3, 6, 7, 2, 5]” blir konvertert til “[6, 12, 14, 4, 10]” ved å multiplisere hvert element med “2” I JavaScript.

Konklusjon

JavaScript gir kart() metode som integreres med “for av”Loop og innganger() Metoder for å utføre iterasjon gjennom kartobjekter. De for sløyfe itererer rekke elementer gjennom objektnøkler. De innganger() Metoden krysser et kartobjekt ved å trekke ut nøkler og deretter utføre iterasjon gjennom verdier. Her har du lært mange måter å iterere gjennom et kartobjekt i JavaScript.