JavaScript -kart

I denne artikkelen skal vi lære en av de mest brukte metodene for matrisen, som er Kart () Metode. Kartmetoden hjelper med å kartlegge matriser i henhold til våre krav. La oss se, hva er en kart () -metode? Hva er syntaks for kartlegging av matriser ved hjelp av MAP () -metoden?

Matrisen Kartmetode brukes til å konstruere en ny kartlagt matrise basert på returverdien til tilbakeringingsfunksjonen for hvert element.

var mappedarray = matrise.Kart (callbackFunction, denne verdien)

De Ring tilbake er funksjonen som vil bli kalt hver gang for et enkelt element og returnere en verdi som vil bli lagret i en ny matrise. Syntaks for tilbakeringingsfunksjonen er

funksjon (verdi, [indeks [, array]])

verdi er et nødvendig argument, som faktisk er et enkelt element i matrisen.
De indeks er et valgfritt argument som vil bli brukt som indeks for hvert element i tilbakeringingsfunksjonen.
De Array er et valgfritt argument også. Vi kan gi dette argumentet hvis vi vil bruke matrisen i tilbakeringingsfunksjonen.

denne verdien er verdien vi ønsker å passere, som vil bli brukt som en "dette" i tilbakeringingsfunksjonen. Ellers vil "udefinert" bli passert.

JavaScript gir for ... i loop og foreach -sløyfe for itering gjennom elementer og manipulering av matriser. Men hvorfor trenger vi en kartmetode bortsett fra det? Det er to hovedårsaker til det. Den ene er separasjon av bekymring, og den andre er den enkle syntaksen for å gjøre slike oppgaver. Så la oss prøve noen forskjellige eksempler for å demonstrere formålet og riktig bruk av det.

Eksempler

For det første skal vi ha en enkel demonstrasjon der vi har en enkel rekke tall som vi vil prøve å utføre enhver enkel aritmetisk operasjon over hvert eneste element.

var arr = [4, 8, 16, 64, 49];

Nå, før du bruker kartmetoden over denne matrisen. Vi vil først skrive en tilbakeringingsfunksjon som vi kan kalle i kartfunksjonen vår der, la oss si at vi vil multiplisere hvert element med 10 og ha en ny matrise.

funksjon multiply (element)
var newElement = element * 10;
Return NewElement;

Alt er satt opp for å anvende kartmetoden over matrisen og ha resultatene påkrevd.

var newarr = arr.kart (multipliser);

Nå, hvis vi ser på “Newarr”,

konsoll.Logg (Newarr);

Vi kan se den siste kartlagte matrisen i utdataene i henhold til vårt krav.

Husk at lengden på den nye kartlagte matrisen definitivt vil være lik den originale matrisen.

Det er en kortere måte å gjøre den samme oppgaven ved å bruke pilen eller anonym funksjon innenfor en kartmetode. Så vi kan skrive en tilbakeringingsfunksjon innenfor en kartmetode som denne

var newarr = arr.kart ((element) =>
Returelement * 10
)

Eller, hvis vi vil være en proff og gjøre det mer kortfattet. Vi kan gjøre dette

var newarr = arr.Kart (E => E * 10)

Ok! Så dette var den helt grunnleggende demonstrasjonen av kartmetoden og forskjellige måter å skrive tilbakekallingsfunksjonen. Men denne funksjonen kommer mer til nytte, når vi leker med en rekke objekter. Det er der det er ekte implementering skjer.

Bruke kart med en rekke objekter

I dette eksemplet antar vi en rekke objekter der hvert objekt inneholder informasjonen til en spiller. Spillerens navn og hans ID.

var arr = [
Id: 12, navn: "James",
Id: 36, navn: "Morgan",
Id: 66, navn: "Jordan"
];

La oss nå si at vi vil trekke ut ID -ene fra hvert objekt og ha en ny rekke IDS.
Men for å forstå hvordan kartmetoden er annerledes og hjelper bedre enn foreach -sløyfen. Vi vil prøve begge disse (MAP -metoden og Foreach Loop) for å gjøre den samme oppgaven og lære forskjellen.

Så først vil vi prøve å trekke ut ID -er ved hjelp av foreach -sløyfen og deretter bruke kartmetoden.

var extractedIds = [];
arr.foreach ((element) =>
Returner Extractedids.skyv (element.id);
)

Nå, hvis vi ser på de ekstraherte ID -ene.

konsoll.logg (ExtractedIDs);

Vi har fått dem skilt i en matrise. Men nå la oss demonstrere den samme utgangen ved å bruke kartmetoden.

var extractedIds = arr.kart ((element) =>
Returelement.id;
)
konsoll.logg (ExtractedIDs);

Ved å se på forskjellen i kode og samme utgang, kan vi realisere den sanne forskjellen mellom de to (foreach og kart) metodene. Syntaks og separasjon av bekymring.

Tilsvarende kan vi utføre mange andre operasjoner. Hvis vi må spille og få noen data fra rekke objekter. Vi antar at en rekke objekter der hvert objekt inneholder to egenskaper: fornavn og etternavn.

var arr = [
FirstName: "John", etternavn: "doe",
FirstName: "Morgan", etternavn: "Freeman",
FirstName: "Jordan", etternavn: "Peterson"
];

Nå ønsker vi å ha en matrise som inneholder fulle navn. Så vi vil skrive en kartfunksjon som denne for å oppfylle vårt formål

var fullname = arr.kart ((person) =>
returnerer.FirstName + " + person.etternavn
)
konsoll.logg (fullnavn);

Som du ser har vi fått en egen matrise med fulle navn. Det er flott.

Så dette er noen av de grunnleggende og forskjellige måtene å hvordan en kartfunksjon kan brukes til å oppfylle våre utviklingskrav og hjelper i hver JavaScript -utviklerens liv.

Konklusjon

I denne artikkelen har vi lært om JavaScripts mest brukte kart () -metode for matriser, og vi har lært noen av de forskjellige måtene å bruke kartmetoden. Denne artikkelen forklarer konseptet med kartmetoden på en så enkel og dyp måte at enhver nybegynnerkoder kan forstå det og bruke den til hans behov. Så fortsett å lære, jobbe og få erfaring i JavaScript med Linuxhint.com for å ha et bedre grep om det. Tusen takk!