Phenquestions
Matrixen er kortmetode bruges til at konstruere et nyt kortlagt array baseret på returværdien af tilbagekaldsfunktionen for hvert element.
var mappedArray = array.kort (callbackFunction, thisValue)Det ring tilbage er den funktion, der kaldes hver gang til et enkelt element og returnerer en værdi, der vil blive gemt i et nyt array. Syntaksen for tilbagekaldsfunktionen er
funktion (værdi, [indeks [, matrix]])værdi er et nødvendigt argument, som faktisk er et enkelt element i arrayet.
Det indeks er et valgfrit argument, der vil blive brugt som indeks for hvert element i tilbagekaldsfunktionen.
Det array er også et valgfrit argument. Vi kan videregive dette argument, hvis vi vil bruge arrayet i tilbagekaldsfunktionen.
denne værdi er den værdi, vi vil overføre, som vil blive brugt som en "dette" i tilbagekaldsfunktionen. Ellers vil "udefineret" blive bestået.
Javascript giver for ... i loop og foreach loop til iterering gennem elementer og manipulation af arrays. Men hvorfor har vi brug for en kortmetode bortset fra det? Der er to hovedårsager til det. Den ene er adskillelse af bekymring, og den anden er den lette syntaks for at udføre sådanne opgaver. Så lad os prøve nogle forskellige eksempler for at demonstrere formålet og den rigtige brug af det.
Eksempler
Først og fremmest skal vi have en simpel demonstration, hvor vi har et simpelt antal tal, som vi vil forsøge at udføre enhver simpel aritmetisk operation over hvert enkelt element.
var arr = [4, 8, 16, 64, 49];Nu, inden du anvender kortmetoden over denne matrix. Vi skriver først en tilbagekaldsfunktion, som vi kan kalde i vores kortfunktion, hvor vi, lad os sige, at vi vil multiplicere hvert element med 10 og have et nyt array.
funktion multiplicere (element)var newElement = element * 10;
returner newElement;
Alt er indstillet til at anvende kortmetoden over arrayet og have de krævede resultater.
var newArr = arr.kort (formere);Nu, hvis vi kigger på "newArr",
konsol.log (newArr);Vi kan se det seneste kortlagte array i output i henhold til vores krav.
Husk på, at længden af det nye kortlagte array helt sikkert vil være lig med det oprindelige array.
Der er en kortere måde at udføre den samme opgave på ved hjælp af pilen eller den anonyme funktion inden for en kortmetode. Så vi kan skrive en tilbagekaldsfunktion inden for en kortmetode som denne
var newArr = arr.kort ((element) =>returelement * 10
)
Eller hvis vi vil være en professionel og gøre det mere kortfattet. Vi kan gøre det
var newArr = arr.kort (e => e * 10)I orden! Så dette var den meget grundlæggende demonstration af kortmetoden og forskellige måder at skrive tilbagekaldsfunktionen på. Men denne funktion er mere praktisk, når vi leger med en række objekter. Det er her, det er sand implementering sker.
Brug af kort med en række objekter
I dette eksempel antager vi en række objekter, hvor hvert objekt indeholder informationen fra en spiller. Spillerens navn og hans id.
var arr = [id: 12, navn: "James",
id: 36, navn: "Morgan",
id: 66, navn: "Jordan"
];
Lad os sige, at vi vil udtrække ID'erne fra hvert objekt og have en ny række ID'er.
Men for at forstå, hvordan kortmetoden er anderledes og hjælper bedre end foreach-sløjfen. Vi prøver begge disse (kortmetode og foreach-løkke) for at udføre den samme opgave og lære forskellen.
Så først prøver vi at udtrække ID'er ved hjælp af foreach-sløjfen og derefter ved hjælp af kortmetoden.
var ekstraheret ID = [];arr.forEach ((element) =>
returnere ekstraherede ID'er.skub (element.id);
)
Nu, hvis vi ser på de udpakkede ID'er.
konsol.log (ekstraheret ID'er);
Vi har adskilt dem i en matrix. Men lad os nu demonstrere den samme output ved hjælp af kortmetoden.
returelement.id;
)
konsol.log (ekstraheret ID'er);
Ved at se på forskellen i kode og den samme output kan vi indse den sande forskel mellem de to (foreach og map) metoder. Syntaksen og adskillelsen af bekymring.
På samme måde kan vi udføre en masse andre operationer. Hvis vi er nødt til at spille og få nogle data fra en række objekter. Vi antager en række objekter, hvor hvert objekt indeholder to egenskaber: fornavn og efternavn.
var arr = [firstName: "John", lastName: "Doe",
firstName: "Morgan", lastName: "Freeman",
firstName: "Jordan", lastName: "Peterson"
];
Nu vil vi have en matrix, der indeholder de fulde navne. Så vi skriver en kortfunktion som denne for at opfylde vores formål
var fullName = arr.kort ((person) =>tilbagevendende person.fornavn + "+ person.efternavn
)
konsol.log (fuldnavn);
Som du kan se, har vi et separat array med fulde navne. Det er fantastisk.
Så dette er nogle af de grundlæggende og forskellige måder, hvorpå en kortfunktion kan bruges til at opfylde vores udviklingskrav og hjælper i alle javascript-udvikleres liv.
Konklusion
I denne artikel har vi lært om javascript's mest anvendte map () metode til arrays, og vi har lært nogle af de forskellige måder at bruge kortmetoden på. Denne artikel forklarer konceptet med kortmetoden på en så nem og dybtgående måde, at enhver nybegynderkoder kan forstå det og bruge det til hans behov. Så fortsæt med at lære, arbejde og få erfaring i javascript med linuxhint.com for at få en bedre forståelse af det. Mange tak!
