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

Ответ

Да, метод map() может вернуть массив другой длины, однако это не является его стандартным или рекомендуемым использованием. Давайте разберем это подробно.

Основное назначение map()

Стандартное поведение Array.prototype.map() — создание нового массива той же длины, что и исходный. Каждый элемент преобразуется согласно логике callback-функции:

const numbers = [1, 2, 3];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6] — длина 3, как у исходного

Как и почему длина может измениться?

Хотя map() предназначен для преобразования данных, JavaScript не запрещает внутри callback-функции не возвращать значение для некоторых элементов или возвращать undefined. Это может привести к изменению длины массива в определенных случаях.

Пример с уменьшением длины:

const arr = [1, 2, 3, 4, 5];
const filteredMap = arr.map(num => {
  if (num % 2 === 0) return num * 2;
  // Для нечетных чисел возвращаем undefined
});
console.log(filteredMap); // [undefined, 4, undefined, 8, undefined] — длина 5, но с undefined

Здесь длина остается прежней, но появляются undefined. Чтобы реально изменить длину, нужны дополнительные шаги.

Пример с увеличением длины:

const arr = [1, 2];
const expanded = arr.map(num => [num, num + 10]).flat();
console.log(expanded); // [1, 11, 2, 12] — длина 4

Здесь map() возвращает массивы, а flat() изменяет длину. Сам по себе map() не увеличит длину, но комбинация с flat() позволяет это сделать.

Практические случаи изменения длины

1. Фильтрация с преобразованием (не рекомендуется):

   const mixed = [1, null, 3, undefined, 5];
   const cleaned = mixed.map(item => {
     if (item != null) return item * 2;
   }).filter(Boolean);
   console.log(cleaned); // [2, 6, 10] — длина 3 вместо 5
   

   Здесь map() генерирует undefined, а filter() удаляет их, уменьшая длину.

2. Генерация нескольких элементов из одного (с использованием flatMap):

   const pairs = [['a', 'b'], ['c', 'd']];
   const letters = pairs.flatMap(pair => pair);
   console.log(letters); // ['a', 'b', 'c', 'd'] — длина 4 вместо 2
   

   ES2019 добавил flatMap() для таких сценариев — он более читаем.

Почему так делать не стоит?

• Нарушение принципа предсказуемости: Разработчики ожидают, что map() возвращает массив той же длины. Нестандартное использование усложняет понимание кода.
• Появление undefined: Пропуск return приводит к undefined, что может вызвать ошибки.
• Альтернативы: Для фильтрации есть filter(), для сложных преобразований — комбинация filter().map() или reduce().

Рекомендуемый подход — комбинировать методы:

// Вместо непредсказуемого map с изменением длины
const badExample = data.map(x => x > 2 ? x * 2 : null).filter(x => x !== null);

// Лучше: фильтрация, затем преобразование
const goodExample = data.filter(x => x > 2).map(x => x * 2);

// Или reduce для сложной логики
const withReduce = data.reduce((acc, x) => {
  if (x > 2) acc.push(x * 2);
  return acc;
}, []);

Итог

• Технически map() может участвовать в создании массива другой длины в комбинации с другими операциями или из-за возврата undefined.
• Семантически map() предназначен для преобразования каждого элемента, а не изменения длины.
• Для изменения длины используйте соответствующие инструменты: filter(), flatMap(), reduce() или комбинации методов. Это сделает код чище и понятнее для команды.