Как бы ты реализовал функцию для развертывания вложенной структуры массива в JavaScript, и какие подходы доступны для этого?

Question

Accepted Answer

## Обзор

**Разплющивание вложенного массива** — это преобразование многомерного массива в одноуровневый массив. JavaScript предлагает несколько подходов для этого.

## Встроенный метод (рекомендуется)

Самый простой современный подход использует встроенный метод `flat()`:

```javascript
arr.flat(Infinity);
```

Передача `Infinity` в качестве аргумента depth гарантирует, что *все уровни вложенности* будут разплющены, независимо от того, насколько глубоко вложен массив.

## Рекурсивная самописная функция

Для окружений, где `flat()` недоступен, или когда тебе нужен больший контроль, **рекурсивный reduce** — хороший вариант:

```javascript
function flatten(arr) {
  return arr.reduce(
    (acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val),
    []
  );
}
```

## Как это работает

- `reduce()` проходит по каждому элементу, собирая **массив-аккумулятор**
- `Array.isArray(val)` проверяет, является ли текущий элемент вложенным массивом
- Если *это массив*, функция вызывает себя рекурсивно для этого элемента
- Если *это не массив*, значение добавляется напрямую в аккумулятор

## Ключевые моменты

- `flat(Infinity)` — лаконичный и читаемый вариант — *используй его в современных окружениях*
- Рекурсивный подход даёт тебе **полный контроль** и работает в старых браузерах
- Для *очень глубоко вложенных* массивов рекурсия может привести к переполнению стека — в таких случаях стоит рассмотреть **итеративное решение** со стеком
- Оба подхода создают **новый массив**, оставляя исходный без изменений

Как бы ты реализовал функцию для развертывания вложенной структуры массива в JavaScript, и какие подходы доступны для этого?

Ответ

Обзор

Встроенный метод (рекомендуется)

Рекурсивная самописная функция

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

Ключевые моменты

Проверочные вопросы

Помогите улучшить этот вопрос

Обсуждение