Справочник JavaScript

Array.prototype.map

Создаёт новый массив, преобразуя каждый элемент.

Доступно с: ES5

Синтаксис

array.map(callbackFn)

Параметр	Тип	Описание
callbackFn	Function	Функция, которая получает элемент, его индекс и весь массив и возвращает новое значение.

ArrayНовый массив той же длины с результатами вызова функции.

Удвоение каждого числа:

console.log([1, 2, 3].map((n) => n * 2).join(', '));

Результат:

2, 4, 6

Одно свойство из каждого объекта:

const users = [{ name: 'Anna' }, { name: 'Oleg' }];
 
console.log(users.map((user) => user.name).join(', '));

Результат:

Anna, Oleg

Исходный массив не меняется. Если результат не нужен, а нужно просто выполнить действие для каждого элемента, используйте forEach().

Array.prototype.filter — Создаёт новый массив из элементов, прошедших проверку.
Array.prototype.forEach — Выполняет функцию для каждого элемента массива.
Array.prototype.flatMap — Применяет функцию к каждому элементу и раскрывает результат на один уровень.
Array.from — Создаёт массив из строки, Set, Map или другого перебираемого объекта.

map, filter и reduce — Три главных метода обработки массивов в JavaScript: преобразование, отбор и сведение к одному значению.