Методът на JavaScript Array map () създава нов масив с резултатите от извикването на функция за всеки елемент на масив.
Синтаксисът на map()
метода е:
arr.map(callback(currentValue), thisArg)
Тук arr е масив.
Параметри на map ()
В map()
метода се в:
- callback - Функцията, извикана за всеки елемент на масив. Върнатите му стойности се добавят към новия масив. Включва:
- currentValue - Текущият елемент, който се предава от масива.
- thisArg (по избор) - Стойност, която да се използва както
this
при изпълнение на обратен разговор . По подразбиране е такаundefined
.
Върнете стойност от картата ()
- Връща нов масив с елементи като върнати стойности от
callback
функцията за всеки елемент.
Бележки :
map()
не променя оригиналния масив.map()
изпълнява сеcallback
веднъж за всеки елемент на масив по ред.map()
не изпълняваcallback
за елементи на масив без стойности.
Пример 1: Съпоставяне на елементи на масив с помощта на персонализирана функция
const prices = (1800, 2000, 3000, 5000, 500, 8000); let newPrices = prices.map(Math.sqrt); // ( 42.42640687119285, 44.721359549995796, 54.772255750516614, // 70.71067811865476, 22.360679774997898, 89.44271909999159 ) console.log(newPrices); // custom arrow function const string = "JavaScript"; const stringArr = string.split(''); // array with individual string character let asciiArr = stringArr.map(x => x.charCodeAt(0)); // map() does not change the original array console.log(stringArr); // ('J', 'a', 'v', 'a','S', 'c', 'r', 'i', 'p', 't') console.log(asciiArr); // ( 74, 97, 118, 97, 83, 99, 114, 105, 112, 116 )
Изход
(42.42640687119285, 44.721359549995796, 54.772255750516614, 70.71067811865476, 22.360679774997898, 89.44271909999159) („J“, „a“, „v“, „a“, „S“, „c“, „r“, „r“ „t“) (74, 97, 118, 97, 83, 99, 114, 105, 112, 116)
Пример 2: map () за обектни елементи в масив
const employees = ( ( name: "Adam", salary: 5000, bonus: 500, tax: 1000 ), ( name: "Noah", salary: 8000, bonus: 1500, tax: 2500 ), ( name: "Fabiano", salary: 1500, bonus: 500, tax: 200 ), ( name: "Alireza", salary: 4500, bonus: 1000, tax: 900 ), ); // calculate the net amout to be given to the employees const calcAmt = (obj) => ( newObj = (); newObj.name = obj.name; newObj.netEarning = obj.salary + obj.bonus - obj.tax; return newObj; ); let newArr = employees.map(calcAmt); console.log(newArr);
Изход
((име: „Адам“, netEarning: 4500), (име: „Ной“, netEarning: 7000), (име: „Fabiano“, netEarning: 1800), (име: „Alireza“, netEarning: 4600))
Забележка : map()
присвоява undefined
на новия масив, ако callback
функцията връща undefined
или нищо.
Препоръчително четене: JavaScript Array filter ()