Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про JavaScript: map, array, immutable, transformation

Может ли map вернуть массив другой длины, чем исходный?

Проверяет понимание того, что метод map всегда возвращает массив той же длины, что и исходный, в отличие от filter или reduce.

Короткий ответ

Нет, метод map всегда возвращает массив той же длины, что и исходный. Он создает новый массив, применяя функцию-колбэк к каждому элементу исходного массива. Если нужно изменить длину массива, следует использовать filter или reduce.

Длинный ответ

Как работает map

Метод map в JavaScript создает новый массив, применяя переданную функцию к каждому элементу исходного массива. Ключевая особенность: длина нового массива всегда равна длине исходного. Это гарантируется спецификацией ECMAScript.

Пример кода

const numbers = [1, 2, 3];
const doubled = numbers.map(n => n * 2);
console.log(doubled); // [2, 4, 6] — длина 3

// Даже если вернуть undefined, длина сохраняется
const result = numbers.map(n => {
  if (n > 1) return n;
});
console.log(result); // [undefined, 2, 3] — длина 3

Когда использовать map

  • Для преобразования каждого элемента массива без изменения длины
  • Для создания нового массива на основе исходного с одинаковым количеством элементов
  • В функциональном программировании для иммутабельных операций

Вывод

Метод map предназначен исключительно для трансформации элементов, сохраняя длину массива. Если требуется фильтрация или изменение количества элементов, используйте filter или reduce.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию

Уровень

  • Рейтинг:

    4

  • Сложность:

    2

Навыки

  • JavaScript

    JavaScript

Ключевые слова

#map

#array

#immutable

#transformation

Подпишись на React Developer в телеграм

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию