Hvordan kartlegge en matrise i JavaScript Array Map -metoden | Forklart med eksempler

Som alle andre programmeringsspråk gir JavaScript oss forskjellige datatyper for å lagre data. En slik datatype er en matrise. En matrise er en gruppe elementer som kan brukes til å lagre flere verdier i en enkelt variabel. JavaScript tilbyr oss array -objektmetoder som vi kan bruke til å administrere, organisere eller få tilgang til data lagret i matriser. En slik innebygd metode for matriseobjektet er kart() metode.

Hva er MAP () -metoden?

JavaScript Array's MAP-metode oppretter en ny matrise ved å ringe en tilbakeringingsfunksjon (sende en funksjon til en annen funksjon som et argument) på hvert element uten å endre den originale matrisen.

De Syntaks av array -kartmetoden vises nedenfor:

Myarr.MAP (funksjon (CurrentValue, Index, ARR), ThisValue);

Som vi ser fra syntaks ovenfor, tar MAP () -metoden to parametere. Den første er Funksjon (CurrentValue, Index, ARR) som er en tilbakeringingsfunksjon og er en obligatorisk parameter. Denne tilbakeringingsfunksjonen tar tre argumenter. Den første er den nåværende verdi med henvisning til den nåværende verdien av elementet, og det er en obligatorisk parameter. Den andre parameteren er indeks som har indeksen for det nåværende elementet og det tredje er arr som refererer til matrisen. Indeksen og ARR -parametrene er valgfrie. Den neste parameteren i MAP () -metoden er denne verdien som refererer til verdien som sendes til funksjonen og denne verdiparameteren er valgfri.

Iterere over en matrise ved hjelp av kartmetoden

Nå som vi vet hva en matrise -kartmetode er, la oss se hvordan vi kan iterere over en matrise ved hjelp av kartmetoden.

var myarr = [1,2,3,4];
var newarr = myarr.kart (funksjon (element)
// multiply myarr med 2
// returnerer en ny matrise
Returelement *2;
);
konsoll.Logg (Newarr); // [2,4,6,8]

I koden ovenfor, først innledet vi en rekke med navnet på Myarr og så ringte kart() Metode på denne matrisen som starter en tilbakekallingsfunksjon. I tilbakekallingsfunksjonen multipliserte vi hvert eneste element i Myarr til 2. Vi reddet da den nye matrisen til Newarr variabel og konsoll logg den nye matrisen hvis utgang er vist nedenfor:

La oss se noen andre eksempler på MAP () -metoden i JavaScript.

Avrunding av arrayelementer

I dette eksemplet vil vi se hvordan vi kan runde matriseelementer til nærmeste heltall.

var myarr = [2.3,3.7,4.4];
var output = myarr.Kart (E => Matematikk.runde (e));
konsoll.logg (utgang); // 2,4,4

Vi innledet først en rekke med navnet på Myarr og initierte deretter kartmetoden på denne matrisen ved å avrunde hvert element i Myarr og så lagres utgangen fra denne operasjonen i variabelen produksjon.

Finne kvadratrot

La oss finne kvadratroten til alle elementene i en matrise som det stort sett er den samme som eksemplet ovenfor. Først vil vi sette i gang en matrise og deretter kjøre kartmetoden på den, og lagre resultatet i utgangen.

var myarr = [4,9,16];
var output = myarr.Kart (E => Matematikk.sqrt (e));
konsoll.logg (utgang); // 2,3,4

Legge til streng til matriseelementene

I dette eksemplet vil vi legge til strengen 1 dusin med hvert element i matrisen. For eksempel:

var myarr = ["banan", "eple", "oransje"];
var output = myarr.Kart (e => "1 dusin"+e);
konsoll.logg (utgang);

Vi kan se i utgangen at hvert element i matrisen nå har 1 dusin i den nye matrisen som er konsolllogget.

Få fullt navn fra en rekke objekter

La oss se et lite sammensatt eksempel der vi vil sette i gang en rekke objekter som vil inneholde fornavnet og etternavnet til en person. Vi vil deretter utføre MAP () -metoden på denne matrisen, og deretter i tilbakekallingsfunksjonen vil vi sammenkoble det første navnet og etternavnet for å få et fullnavn av personen.

const Persons = [
FirstName: "John", etternavn: "Reynolds",
FirstName: "Smith", etternavn: "Jhonson",
FirstName: "Sarah", etternavn: "Frye"
];
funksjon getfullName (element)
Returner [vare.FirstName, vare.etternavn].bli med(" ");

const output = personer.kart (getfullname);
konsoll.logg (utgang);

Konklusjon

For å lagre data gir JavaScript oss forskjellige datatyper som en matrise. En matrise har innebygde metoder som gjør at vi enkelt administrerer koden vår og skriver mindre kode. En slik metode for matrisen er MAP () -metoden. Array Map () -metoden utfører en tilbakeringingsfunksjon på hvert eneste element i matrisen og returnerer en ny matrise.

I dette innlegget så vi hvordan du kan kartlegge en matrise i JavaScript og hva en kartmetode er i JavaScript. Bortsett fra det, itererte vi over en matrise ved hjelp av MAP () -metoden og ga deretter noen få eksempler ved å bruke MAP () -metoden til matrisen for å transformere elementer i den initierte matrisen i henhold til den oppgitte call-back-funksjonen.