Iterate matriseartikler ved hjelp av .Kartmetode i JavaScript

JavaScript er et av de mest kjente skriptspråkene som tilbyr matriser for å lagre forskjellige elementer under samme navn. Det er forskjellige metoder tilgjengelig i JavaScript som vi kan iterere over matriser for eksempel til Løkke, samtidig som Løkke, for hver metode, og mye mer, men den vanligste blant alle disse er kart() metode.

Denne oppskrivningen forklarer hvordan du kan iterere gjennom array-elementer ved hjelp av .kart() Metode i JavaScript.

Hva er MAP () -metoden?

De kart() Metoden er en innebygd matrisemetode som itererer gjennom matrisen og utfører en funksjon på hvert element i matrisen.

• Den originale matrisen forblir den samme som denne funksjonen returnerer en ny matrise med samme lengde.
• Det skal også bemerkes at kart() Metoden kjøres ikke for en tom matrise.

Syntaks av MAP () -metode:

MyArray.kart ((verdi, indeks, matrise) =>
komme tilbake;
);

Kartmetoden har en tilbakeringingsfunksjon (den asynkrone ekvivalenten til en funksjon) som godtar tre parametere:

• Verdi: Det er den nåværende verdien eller elementet i matrisen
• Indeks: Det er den gjeldende indeksen for matriselementet som funksjonen utfører.
• Array: Det er målgruppen.

Eksempel 1

I dette eksemplet vil vi iterere gjennom en matrise ved å multiplisere hvert element i matrisen med 2:

// en matrise
constMynumbers = [4, 8, 9, 15, 20];
// multipliser hvert element av matrise med 2
constMultipliedWithTwo = Mynumbers.kart ((verdi) =>
Returverdi*2;
);
// Vis den returnerte matrisen
konsoll.logg (multiplisert med two);

I koden ovenfor først initialiserte vi en matrise og brukte deretter kart() Metode på den originale matrisen. Inne i funksjonen returnerte vi verdien multiplisert med to. Det skal bemerkes at indeks- og array -parametere kan utelates når du ikke vil bruke dem. Den resulterende matrisen er lagret i multiplisert med two variabel og så viste vi denne variabelen ved hjelp av konsoll.Logg() metode.

Vi kan se i output ovenfor at hvert element i den opprinnelige matrisen er multiplisert med 2 og vi fikk ønsket resultat.

Når operasjonen du utfører på hvert element er av en kodelinje, så er den enklere og renere måten å implementere kart() Metode brukes som er gitt nedenfor:

// en matrise
constMynumbers = [4, 8, 9, 15, 20];
// multipliser hvert element av matrise med 2
constMultipliedWithTwo = Mynumbers.kart ((verdi) => verdi*2);
// Vis den returnerte matrisen
konsoll.logg (multiplisert med two);

Det er ingen krøllete parenteser og returnerer.

Utgangen er fremdeles den samme som sett i skjermbildet ovenfor.

Eksempel 2

La oss se på et annet eksempel hvor vil iterere gjennom en rekke strenger:

// en matrise
constFirstNames = ["Super", "Bat", "Spider", "Iron"];
// legg til mann med hver streng i matrisen
ConsheroesNames = FESTNAMES.kart ((verdi) => verdi+"mann");
// Vis den returnerte matrisen
konsoll.Logg (HeroesNames);

I koden ovenfor, initialiserte vi først en matrise med fornavn på de berømte superheltene. Så brukte vi kart() Metode på den matrisen der vi sammenkoblet strengen "Mann" med hvert element i fornavn Array. Til slutt viste vi den returnerte matrisen fra kart() Metode ved hjelp av konsollen.Log () Metode:

Vi kan se det med hvert element Mann har blitt sammenkoblet.

Konklusjon

For å iterere over en matrise gir JavaScript oss en rekke teknikker, inkludert løkker og for hver() metode. Imidlertid er den mest kjente iterasjonsteknikken kart() metode. De kart() Metoden kjøres for hver matrise element og returnerer en ny matrise som har lengden nøyaktig lik den originale matrisen.

Dette innlegget forklarer hvordan du kan iterere gjennom en matrise ved hjelp av kart() Metode i JavaScript sammen med to eksempler.