JS-063
Схема уроку з JavaScript про map(): Навчись створювати новий масив шляхом перетворення кожного елемента через map()
Beginner6 min~6 min read#array#map#arrays

map()

Перетворення кожного елемента

Goal

Навчись створювати новий масив шляхом перетворення кожного елемента через map().

Explanation

  • map() проходить по всіх елементах масиву.
  • Для кожного елемента виконується функція.
  • Результати збираються в новий масив.
  • Початковий масив не змінюється.
  • map() часто використовують для підготовки даних.

Аналогія

Уяви конвеєр. На нього потрапляють звичайні яблука, а з іншого боку виходять очищені яблука. Кожен елемент проходить однакове перетворення.

Code

const numbers = [1, 2, 3];

const doubled = numbers.map(
  n => n * 2
);

console.log(doubled);

Result: [2, 4, 6]

Типова помилка

Новачки часто думають, що map() змінює вихідний масив. Насправді він створює новий.

Remember

  • ✦ map() створює новий масив.
  • ✦ Оригінальний масив не змінюється.
  • ✦ Кожен елемент проходить перетворення.

Quick Quiz

Що поверне [1, 2, 3].map(n => n * 2)?

Resources