De map() metod i JavaScript skapar en ny array genom att tillämpa en funktion på varje element i den ursprungliga arrayen. Den hoppar över tomma element och ändrar inte den ursprungliga arrayen, vilket gör den idealisk för att transformera data.

En anmärkningsvärd egenskap hos map()-metoden är dess hantering av tomma element. Den hoppar automatiskt över att utföra återuppringningsfunktionen för dessa element, och fokuserar enbart på att bearbeta icke-tomma värden. Detta beteende säkerställer effektiv och strömlinjeformad bearbetning, vilket förbättrar den övergripande prestandan för arraytransformationer.

Syntax:

map((element, index, array) =>{ /* … */ }) 

Parametrar:

• element: Det är en obligatorisk parameter och den håller värdet för det aktuella elementet.
• index: Det är en valfri parameter och den innehåller indexet för det aktuella elementet.
• arr: Det är en valfri parameter och den håller arrayen.

Returvärde:

Den returnerar en ny array och element i arrayer är resultatet av callback-funktionen.

Exempel: Här använder vi map()> metod för att skapa en ny array som innehåller kvadratrötterna av varje tal i den ursprungliga arrayen.

const numbers = [1, 4, 9, 16, 25]; const squareRoots = numbers.map(num =>Math.sqrt(num)); console.log(squareRoots); // Utdata: [1, 2, 3, 4, 5] 

[ 1, 2, 3, 4, 5 ] 

Exempel : Det här exemplet använder metoden array map() och returnerar kvadraten på arrayelementet.

// Input array let arr = [2, 5, 6, 3, 8, 9]; // Using map to transform elements let newArr = arr.map(function (val, index) {  return { key: index, value: val * val }; }) // Display output console.log(newArr) 

[ { key: 0, value: 4 }, { key: 1, value: 25 }, { key: 2, value: 36 }, { key: 3, value: 9 }, { key: 4, value: 64 }, { key: 5, value: 81 } ] 

Exempel: Det här exemplet använder metoden array map() för att sammanfoga tecknet 'A' med varje tecken i namnet.

//Input string let name = 'Geeks'; // New array of character and names // concatenated with 'A' let newName = Array.prototype.map.call(name, function (item) {  return item + 'A'; }) // Display output console.log(newName) 

[ 'GA', 'eA', 'eA', 'kA', 'sA' ] 

Använda en återuppringningsfunktion med ett argument

Använder parseInt() med map()-metoden. De parseInt()> funktion konverterar strängar till heltal. När den används med map()> konverterar den varje element i en array av strängar till heltal.

Exempel: Här använder vi parseint med map().

const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); console.log(heltal); // Utdata: [10, 20, 30] 

[ 10, 20, 30 ] 

Vi har en komplett lista med Javascript Array-metoder, gå igenom detta för att kontrollera dem Javascript Array Komplett referens artikel.

Vi har ett fuskblad på Javascript där vi täckte alla viktiga ämnen i Javascript för att kontrollera dem, gå igenom Javascript Cheat Sheet-En grundläggande guide till JavaScript .

JavaScript är mest känt för webbsidautveckling men det används också i en mängd olika miljöer utan webbläsare. Du kan lära dig JavaScript från grunden genom att följa detta JavaScript handledning och JavaScript-exempel .