The metoda map() v JavaScriptu vytvoří nové pole aplikací funkce na každý prvek původního pole. Vynechává prázdné prvky a nemění původní pole, takže je ideální pro transformaci dat.

Jednou z pozoruhodných vlastností metody map() je manipulace s prázdnými prvky. U těchto prvků automaticky přeskočí provádění funkce zpětného volání a soustředí se pouze na zpracování neprázdných hodnot. Toto chování zajišťuje efektivní a zefektivněné zpracování a zvyšuje celkový výkon transformací polí.

Syntax:

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

Parametry:

• živel: Je to povinný parametr a obsahuje hodnotu aktuálního prvku.
• index: Je to volitelný parametr a obsahuje index aktuálního prvku.
• arr: Je to volitelný parametr a obsahuje pole.

Návratová hodnota:

Vrací nové pole a prvky polí jsou výsledkem funkce zpětného volání.

Příklad: Zde používáme map()> metoda k vytvoření nového pole obsahujícího druhé odmocniny každého čísla v původním poli.

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

[ 1, 2, 3, 4, 5 ] 

Příklad : Tento příklad používá metodu map() pole a vrací druhou mocninu prvku pole.

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

Příklad: Tento příklad používá metodu map() ke zřetězení znaku „A“ s každým znakem 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žití funkce zpětného volání s argumentem

Použití parseInt() s metodou map(). The parseInt()> funkce převádí řetězce na celá čísla. Při použití s map()> , převede každý prvek pole řetězců na celá čísla.

Příklad: Zde používáme parseint s map().

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

[ 10, 20, 30 ] 

Máme kompletní seznam metod Javascript Array, pro kontrolu si je prosím projděte toto Javascript Array Kompletní reference článek.

Máme Cheat Sheet na Javascript, kde jsme pokryli všechna důležitá témata Javascriptu, abychom si je prošli Javascript Cheat Sheet-Základní průvodce JavaScriptem .

JavaScript je nejlépe známý pro vývoj webových stránek, ale používá se také v různých prostředích bez prohlížeče. Můžete se naučit JavaScript od základu tím, že budete postupovat podle tohoto Výukový program JavaScript a Příklady JavaScriptu .