The metóda map() v JavaScripte vytvorí nové pole aplikovaním funkcie na každý prvok pôvodného poľa. Preskakuje prázdne prvky a nemení pôvodné pole, vďaka čomu je ideálny na transformáciu údajov.

Jednou z pozoruhodných vlastností metódy map() je manipulácia s prázdnymi prvkami. Automaticky preskočí vykonávanie funkcie spätného volania pre tieto prvky a sústredí sa výlučne na spracovanie neprázdnych hodnôt. Toto správanie zaisťuje efektívne a efektívne spracovanie, čím sa zvyšuje celkový výkon transformácií polí.

Syntax:

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

Parametre:

• element: Je to povinný parameter a obsahuje hodnotu aktuálneho prvku.
• index: Je to voliteľný parameter a obsahuje index aktuálneho prvku.
• arr: Je to voliteľný parameter a obsahuje pole.

Návratová hodnota:

Vracia nové pole a prvky polí sú výsledkom funkcie spätného volania.

Príklad: Tu používame map()> metóda na vytvorenie nového poľa obsahujúceho druhé odmocniny každého čísla v pôvodnom poli.

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

[ 1, 2, 3, 4, 5 ] 

Príklad : Tento príklad používa metódu map() poľa a vracia druhú mocninu prvku poľa.

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

Príklad: Tento príklad používa metódu map() poľa na zreťazenie znaku „A“ s každým znakom názvu.

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

Použitie funkcie spätného volania s argumentom

Použitie parseInt() s metódou map(). The parseInt()> funkcia konvertuje reťazce na celé čísla. Pri použití s map()> , skonvertuje každý prvok poľa reťazcov na celé čísla.

Príklad: Tu používame parseint s map().

const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); console.log(celé čísla); // Výstup: [10, 20, 30] 

[ 10, 20, 30 ] 

Máme kompletný zoznam metód Javascript Array, aby ste ich skontrolovali, prejdite si toto Javascript Array Kompletná referencia článok.

Máme Cheat Sheet na Javascript, kde sme pokryli všetky dôležité témy Javascriptu, aby sme ich skontrolovali Javascript Cheat Sheet-Základný sprievodca JavaScriptom .

JavaScript je najznámejší pre vývoj webových stránok, ale používa sa aj v rôznych prostrediach bez prehliadača. Ak budete postupovať podľa tohto, môžete sa naučiť JavaScript od základov Výukový program JavaScript a Príklady JavaScriptu .