Det map() metode i JavaScript opretter et nyt array ved at anvende en funktion til hvert element i det originale array. Det springer tomme elementer over og ændrer ikke det originale array, hvilket gør det ideelt til at transformere data.

Et bemærkelsesværdigt træk ved map()-metoden er dens håndtering af tomme elementer. Den springer automatisk over at udføre tilbagekaldsfunktionen for disse elementer og fokuserer udelukkende på at behandle ikke-tomme værdier. Denne adfærd sikrer effektiv og strømlinet behandling, hvilket forbedrer den overordnede ydeevne af array-transformationer.

Syntaks:

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

Parametre:

• element: Det er en påkrævet parameter, og den indeholder værdien af ​​det aktuelle element.
• indeks: Det er en valgfri parameter, og den indeholder indekset for det aktuelle element.
• arr: Det er en valgfri parameter, og den holder arrayet.

Returværdi:

Det returnerer et nyt array, og elementer af arrays er resultatet af tilbagekaldsfunktionen.

Eksempel: Her bruger vi map()> metode til at oprette en ny matrix, der indeholder kvadratrødderne af hvert tal i den oprindelige matrix.

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

[ 1, 2, 3, 4, 5 ] 

Eksempel : Dette eksempel bruger metoden array map() og returnerer kvadratet af array-elementet.

// 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 } ] 

Eksempel: Dette eksempel bruger metoden array map() til at sammenkæde tegnet 'A' med hvert tegn i navnet.

//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' ] 

Brug af en tilbagekaldsfunktion med et argument

Brug af parseInt() med map() metode. Det parseInt()> funktion konverterer strenge til heltal. Når det bruges med map()> konverterer den hvert element i en række strenge til heltal.

Eksempel: Her bruger vi parseint med map().

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

[ 10, 20, 30 ] 

Vi har en komplet liste over Javascript Array-metoder, for at kontrollere dem, gå venligst igennem dette Javascript Array Komplet reference artikel.

Vi har et snydeark på Javascript, hvor vi dækkede alle de vigtige emner i Javascript for at tjekke dem, gå venligst igennem Javascript Cheat Sheet-En grundlæggende guide til JavaScript .

JavaScript er bedst kendt for udvikling af websider, men det bruges også i en række ikke-browsermiljøer. Du kan lære JavaScript fra bunden ved at følge dette JavaScript tutorial og JavaScript eksempler .