> Что такое метод map в JavaScript и как он работает (JavaScript)
Уровень: junior · Роль: frontend · Категория: Технические вопросы
Компании: Домклик, Софт Медиа Групп, Яндекс
Стек: JavaScript
> Пример ответа
Метод map - это встроенный метод массивов в JavaScript, который создаёт новый массив путём применения переданной функции-колбэка к каждому элементу исходного массива. Он не изменяет оригинальный массив, а возвращает преобразованную копию.
Как работает:
-
Вызывается на массиве.
-
Принимает колбэк-функцию, которая выполняется для каждого элемента.
-
Колбэк получает три аргумента: текущий элемент, его индекс и сам массив.
-
Результат каждого вызова колбэка добавляется в новый массив.
-
Возвращается новый массив той же длины, что и исходный.
Пример:
JAVASCRIPTconst numbers = [1, 2, 3, 4];const doubled = numbers.map(num => num * 2);console.log(doubled); // [2, 4, 6, 8]console.log(numbers); // [1, 2, 3, 4] - оригинал не изменился
Ключевые особенности:
-
Не мутирует исходный массив.
-
Всегда возвращает массив той же длины (в отличие от
filter). -
Идеально подходит для трансформации данных (например, извлечение полей из объектов, форматирование).
-
Поддерживает цепочки вызовов:
arr.map(...).filter(...).
Распространённая ошибка: использование map без возврата значения из колбэка - тогда новый массив будет заполнен undefined.
> Похожие задачи по frontend
Почему новый объект не изменяет исходный объект при передаче в функцию в JavaScript
Как работает конструктор Promise, синхронность создания и асинхронность резолва в JavaScript
Как реализовать функцию auth через колбек в JavaScript
Что делать чтобы не блокировать основной поток при обработке большого массива без использования web workers
> ГОТОВЫ К СЛЕДУЮЩЕМУ СОБЕСЕДОВАНИЮ?
Запустите тренировочную сессию с ИИ и получите детальную обратную связь, чтобы увереннее проходить реальные интервью