De map()-metoden i JavaScript oppretter en ny matrise ved å bruke en funksjon på hvert element i den opprinnelige matrisen. Den hopper over tomme elementer og endrer ikke den opprinnelige matrisen, noe som gjør den ideell for transformering av data.

Et bemerkelsesverdig trekk ved map()-metoden er dens håndtering av tomme elementer. Den hopper automatisk over å utføre tilbakeringingsfunksjonen for disse elementene, og fokuserer utelukkende på å behandle ikke-tomme verdier. Denne oppførselen sikrer effektiv og strømlinjeformet behandling, og forbedrer den generelle ytelsen til matrisetransformasjoner.

Syntaks:

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

Parametere:

• element: Det er en nødvendig parameter, og den inneholder verdien til det gjeldende elementet.
• indeks: Det er en valgfri parameter og inneholder indeksen til det gjeldende elementet.
• arr: Det er en valgfri parameter og den holder matrisen.

Returverdi:

Den returnerer en ny matrise og elementer av matriser er resultatet av tilbakeringingsfunksjonen.

Eksempel: Her bruker vi map()> metode for å lage en ny matrise som inneholder kvadratrøttene til hvert tall i den opprinnelige matrisen.

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 ] 

Eksempel : Dette eksemplet bruker array map()-metoden og returnerer kvadratet til 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 eksemplet bruker array map()-metoden for å sette sammen 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' ] 

Bruke en tilbakeringingsfunksjon med et argument

Bruke parseInt() med map()-metoden. De parseInt()> funksjon konverterer strenger til heltall. Når det brukes med map()> , den konverterer hvert element i en rekke strenger til heltall.

Eksempel: Her bruker vi parseint med map().

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

[ 10, 20, 30 ] 

Vi har en komplett liste over Javascript Array-metoder, for å sjekke dem, gå gjennom dette Javascript Array Komplett referanse artikkel.

Vi har et jukseark på Javascript der vi dekket alle viktige emner i Javascript for å sjekke dem, vennligst gå gjennom Javascript Cheat Sheet-En grunnleggende guide til JavaScript .

JavaScript er mest kjent for utvikling av nettsider, men det brukes også i en rekke miljøer uten nettleser. Du kan lære JavaScript fra grunnen av ved å følge dette JavaScript veiledning og JavaScript-eksempler .