Matrisen er kartmetode brukes til å konstruere en ny kartlagt matrise basert på returverdien til tilbakeringingsfunksjonen for hvert element.
var mappedArray = array.kart (tilbakeringingFunksjon, denne verdien)De Ring tilbake er funksjonen som blir kalt hver gang for et enkelt element og returnerer en verdi som vil bli lagret i en ny matrise. Syntaksen for tilbakeringingsfunksjonen er
funksjon (verdi, [indeks [, matrise]])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 sende dette argumentet hvis vi vil bruke matrisen i tilbakeringingsfunksjonen.
denne verdien er verdien vi vil passere, og som vil bli brukt som "dette" i tilbakeringingsfunksjonen. Ellers vil "udefinert" bli bestått.
Javascript gir for ... in loop og foreach loop for iterering gjennom elementer og manipulering av arrays. Men hvorfor trenger vi en kartmetode bortsett fra det? Det er to hovedårsaker til det. Den ene er separasjonen av bekymring, og den andre er den enkle syntaksen for å utføre slike oppgaver. Så, la oss prøve noen forskjellige eksempler for å demonstrere formålet og riktig bruk av det.
Eksempler
Først og fremst skal vi ha en enkel demonstrasjon der vi har et enkelt utvalg av tall som vi vil prøve å utføre en enkel regneoperasjon over hvert enkelt 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 ringe til i vår kartfunksjon der, la oss si at vi vil multiplisere hvert element med 10 og ha en ny matrise.
funksjon multipliser (element)var newElement = element * 10;
returner newElement;
Alt er satt opp for å bruke kartmetoden over matrisen og ha de nødvendige resultatene.
var newArr = arr.kart (multipliser);Nå, hvis vi ser på "newArr",
konsoll.logg (newArr);Vi kan se den siste tilordnede matrisen i utdata i henhold til vårt krav.
Husk at lengden på den nye tilordnede matrisen definitivt vil være lik den opprinnelige matrisen.
Det er en kortere måte å gjøre den samme oppgaven på ved hjelp av pilen eller den anonyme funksjonen i en kartmetode. Så vi kan skrive en tilbakeringingsfunksjon i en kartmetode som denne
var newArr = arr.kart ((element) =>returelement * 10
)
Eller hvis vi ønsker å være proff og gjøre det mer konsist. 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 på. Men denne funksjonen er mer nyttig når vi leker med en rekke objekter. Det er der det er sant 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 ID.
var arr = [id: 12, navn: "James",
id: 36, navn: "Morgan",
id: 66, navn: "Jordan"
];
La oss si at vi vil trekke ut ID-ene fra hvert objekt og ha et nytt utvalg av ID-er.
Men for å forstå, hvordan kartmetoden er annerledes og hjelper bedre enn forløpet. Vi vil prøve begge disse (kartmetoden 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 ekstraherte ID = [];arr.forEach ((element) =>
returner ekstraherte IDer.skyv (element.id);
)
Nå, hvis vi ser på de utpakkede ID-ene.
konsoll.logg (extractedIDs);
Vi har skilt dem fra hverandre. Men la oss nå demonstrere den samme produksjonen ved hjelp av kartmetoden.
returelement.id;
)
konsoll.logg (extractedIDs);
Ved å se på forskjellen i kode og samme utgang, kan vi innse den virkelige forskjellen mellom de to (foreach og map) metodene. Syntaksen og separasjonen av bekymring.
På samme måte kan vi utføre mange andre operasjoner. Hvis vi må spille og få litt data fra en rekke objekter. Vi antar at en rekke objekter der hvert objekt inneholder to egenskaper: fornavn og etternavn.
var arr = [firstName: "John", lastName: "Doe",
firstName: "Morgan", lastName: "Freeman",
firstName: "Jordan", lastName: "Peterson"
];
Nå vil vi ha en matrise som inneholder de fulle navnene. Så vi vil skrive en kartfunksjon som denne for å oppfylle vårt formål
var fullName = arr.kart ((person) =>tilbake person.fornavn + "+ person.etternavn
)
konsoll.logg (fullnavn);
Som du kan se, har vi et eget utvalg med fulle navn. Det er flott.
Dette er noen av de grunnleggende og forskjellige måtene for hvordan en kartfunksjon kan brukes til å oppfylle våre utviklingskrav og hjelper i alle javascript-utvikleres liv.
Konklusjon
I denne artikkelen har vi lært om javascript mest brukte map () -metode for matriser, og vi har lært noen av de forskjellige måtene å bruke kartmetoden på. Denne artikkelen forklarer begrepet kartmetoden på en så enkel og dyp måte at enhver nybegynnerkoder kan forstå det og bruke det til hans behov. Så fortsett å lære, jobbe og få erfaring i javascript med linuxhint.com for å få bedre grep om det. Tusen takk!