The метод map() у JavaScript створює новий масив шляхом застосування функції до кожного елемента вихідного масиву. Він пропускає порожні елементи та не змінює вихідний масив, що робить його ідеальним для перетворення даних.

Однією з помітних особливостей методу map() є його обробка порожніх елементів. Він автоматично пропускає виконання функції зворотного виклику для цих елементів, зосереджуючись виключно на обробці непорожніх значень. Така поведінка забезпечує ефективну та спрощену обробку, підвищуючи загальну продуктивність перетворень масиву.

Синтаксис:

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

Параметри:

• елемент: Це обов’язковий параметр і він містить значення поточного елемента.
• індекс: Це необов’язковий параметр і він містить індекс поточного елемента.
• прибуття: Це необов’язковий параметр і він містить масив.

Повернене значення:

Він повертає новий масив, а елементи масивів є результатом функції зворотного виклику.

приклад: Тут ми використовуємо map()> метод для створення нового масиву, що містить квадратні корені кожного числа у вихідному масиві.

const numbers = [1, 4, 9, 16, 25]; const squareRoots = numbers.map(num =>Math.sqrt(num)); console.log(квадратні корені); // Вивід: [1, 2, 3, 4, 5] 

[ 1, 2, 3, 4, 5 ] 

приклад : у цьому прикладі використовується метод array map() і повертається квадрат елемента масиву.

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

приклад: У цьому прикладі використовується метод array map() для об’єднання символу «A» з кожним символом імені.

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

Використання функції зворотного виклику з аргументом

Використання parseInt() з методом map(). The parseInt()> функція перетворює рядки на цілі числа. При використанні з map()> , він перетворює кожен елемент масиву рядків на цілі числа.

приклад: Тут ми використовуємо parseint з map().

const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); console.log(цілі числа); // Вихід: [10, 20, 30] 

[ 10, 20, 30 ] 

У нас є повний список методів Javascript Array, щоб перевірити їх, перегляньте це Javascript Array Повний довідник стаття.

У нас є шпаргалка про Javascript, у якій ми розглянули всі важливі теми Javascript, щоб перевірити їх, будь ласка, прочитайте Javascript Cheat Sheet - Основний посібник з JavaScript .

JavaScript найбільш відомий для розробки веб-сторінок, але він також використовується в різноманітних середовищах без браузера. Ви можете вивчити JavaScript з нуля, дотримуючись цього Підручник з JavaScript і Приклади JavaScript .