The metoda map() v JavaScriptu ustvari novo matriko z uporabo funkcije za vsak element izvirne matrike. Preskoči prazne elemente in ne spremeni izvirne matrike, zaradi česar je idealen za preoblikovanje podatkov.

Ena od pomembnih lastnosti metode map() je obravnavanje praznih elementov. Samodejno preskoči izvajanje funkcije povratnega klica za te elemente in se osredotoči izključno na obdelavo nepraznih vrednosti. To vedenje zagotavlja učinkovito in poenostavljeno obdelavo, s čimer se izboljša splošno delovanje transformacij nizov.

Sintaksa:

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

Parametri:

• element: Je obvezen parameter in vsebuje vrednost trenutnega elementa.
• kazalo: Je neobvezen parameter in vsebuje indeks trenutnega elementa.
• prihod: Je neobvezen parameter in vsebuje matriko.

Povratna vrednost:

Vrne novo matriko in elementi matrike so rezultat funkcije povratnega klica.

primer: Tukaj uporabljamo map()> za ustvarjanje nove matrike, ki vsebuje kvadratne korene vsakega števila v izvirni matriki.

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

[ 1, 2, 3, 4, 5 ] 

Primer : Ta primer uporablja metodo array map() in vrne kvadrat elementa array.

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

primer: Ta primer uporablja metodo array map() za povezovanje znaka 'A' z vsakim znakom imena.

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

Uporaba funkcije povratnega klica z argumentom

Uporaba parseInt() z metodo map(). The parseInt()> funkcija pretvori nize v cela števila. Pri uporabi z map()> , pretvori vsak element matrike nizov v cela števila.

primer: Tukaj uporabljamo parseint z map().

const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); console.log(cela števila); // Izhod: [10, 20, 30] 

[ 10, 20, 30 ] 

Imamo popoln seznam metod Javascript Array, če jih želite preveriti, pojdite skozi to Javascript Array Popolna referenca Članek.

Imamo Cheat Sheet o Javascriptu, kjer smo obravnavali vse pomembne teme Javascripta, da jih preverite Javascript Cheat Sheet - Osnovni vodnik po JavaScriptu .

JavaScript je najbolj znan za razvoj spletnih strani, vendar se uporablja tudi v različnih okoljih brez brskalnika. Če sledite temu, se lahko naučite JavaScript od začetka Vadnica za JavaScript in Primeri JavaScripta .