Phenquestions
Matrisen är kartmetod används för att konstruera en ny mappad array baserad på returvärdet för återuppringningsfunktionen för varje element.
var mappedArray = array.karta (callbackFunction, thisValue)De ring tillbaka är den funktion som kommer att anropas varje gång för ett enda element och returnerar ett värde som kommer att lagras i en ny matris. Syntaxen för återuppringningsfunktionen är
funktion (värde, [index [, array]])värde är ett nödvändigt argument, som faktiskt är ett enda element i matrisen.
De index är ett valfritt argument som kommer att användas som index för varje element i återuppringningsfunktionen.
De array är också ett valfritt argument. Vi kan skicka detta argument om vi vill använda arrayen i återuppringningsfunktionen.
dennaVärde är det värde vi vill skicka, som kommer att användas som ett "detta" i återuppringningsfunktionen. Annars kommer "odefinierad" att skickas.
Javascript tillhandahåller för ... i loop och foreach loop för iterering genom element och manipulering av matriser. Men varför behöver vi en kartmetod förutom det? Det finns två huvudorsaker till det. Den ena är åtskillnaden mellan oro och den andra är den enkla syntaxen för att göra sådana uppgifter. Så, låt oss prova några olika exempel för att visa syftet och rätt användning av det.
Exempel
Först och främst kommer vi att ha en enkel demonstration där vi har ett enkelt antal siffror som vi kommer att försöka utföra någon enkel aritmetisk operation över varje enskilt element.
var arr = [4, 8, 16, 64, 49];Nu, innan du använder kartmetoden över denna matris. Vi skriver först en återuppringningsfunktion som vi kan ringa till i vår kartfunktion där vi, låt oss säga att vi vill multiplicera varje element med 10 och ha en ny array.
funktion multiplicera (element)var newElement = element * 10;
returnera newElement;
Allt är inställt för att tillämpa kartmetoden över matrisen och få de resultat som krävs.
var newArr = arr.karta (multiplicera);Om vi nu tittar på "newArr",
trösta.log (newArr);Vi kan se den senaste mappade matrisen i utdata enligt vårt krav.
Tänk på att längden på den nya mappade arrayen definitivt kommer att vara lika med den ursprungliga arrayen.
Det finns ett kortare sätt att göra samma uppgift med pilen eller den anonyma funktionen inom en kartmetod. Så vi kan skriva en återuppringningsfunktion inom en kartmetod som denna
var newArr = arr.karta ((element) =>returelement * 10
)
Eller om vi vill vara proffs och göra det mer kortfattat. Vi kan göra det här
var newArr = arr.karta (e => e * 10)OK! Så detta var den mycket grundläggande demonstrationen av kartmetoden och olika sätt att skriva återuppringningsfunktionen. Men den här funktionen kommer mer till nytta när vi spelar med en mängd objekt. Det är där det är sant implementering händer.
Använda karta med en uppsättning objekt
I det här exemplet antar vi en matris med objekt där varje objekt innehåller information från en spelare. Spelarens namn och hans ID.
var arr = [id: 12, namn: "James",
id: 36, namn: "Morgan",
id: 66, namn: "Jordan"
];
Låt oss säga att vi vill extrahera ID: n från varje objekt och ha en ny array med ID: n.
Men för att förstå, hur kartmetoden är annorlunda och hjälper bättre än foreach-slingan. Vi kommer att försöka båda dessa (kartmetod och foreach-loop) för att göra samma uppgift och lära oss skillnaden.
Så först försöker vi extrahera ID: n med hjälp av foreach-slingan och sedan med kartmetoden.
var extraherade ID: er [];arr.forEach ((element) =>
returnera extraherade ID: er.tryck (element.id);
)
Nu, om vi tittar på de extraherade ID: n.
trösta.logg (extraherade ID: er);
Vi har separerat dem i en grupp. Men låt oss nu visa samma utdata med hjälp av kartmetoden.
returelement.id;
)
trösta.log (extraherade ID: er);
Genom att titta på skillnaden i kod och samma utdata kan vi inse den verkliga skillnaden mellan de två metoderna (foreach och map). Syntaxen och orosseparationen.
På samma sätt kan vi utföra många andra operationer. Om vi måste spela och hämta lite data från objekten. Vi antar att en rad objekt där varje objekt innehåller två egenskaper: förnamn och efternamn.
var arr = [firstName: "John", lastName: "Doe",
firstName: "Morgan", lastName: "Freeman",
firstName: "Jordan", lastName: "Peterson"
];
Nu vill vi ha en matris som innehåller de fullständiga namnen. Så vi kommer att skriva en kartfunktion så här för att uppfylla vårt syfte
var fullName = arr.karta ((person) =>återvändande person.förnamn + "+ person.efternamn
)
trösta.logg (fullName);
Som du kan se har vi en separat matris med fullständiga namn. Toppen.
Så det här är några av de grundläggande och olika sätten för hur en kartfunktion kan användas för att uppfylla våra utvecklingskrav och hjälper till i varje javascriptutvecklares liv.
Slutsats
I den här artikeln har vi lärt oss om javaskripts mest använda map () -metod för matriser och vi har lärt oss några av de olika sätten att använda kartmetoden. Den här artikeln förklarar konceptet för kartmetoden på ett så enkelt och djupt sätt att alla nybörjarkodare kan förstå det och använda det efter hans behov. Så fortsätt lära dig, arbeta och få erfarenhet av javascript med linuxhint.com för att få bättre grepp om det. Tack så mycket!
