Как ты реализовал бы разные подходы к удалению дубликатов из JavaScript массива, и какие компромиссы существуют между использованием `Set`, `filter` с `indexOf` и методом `reduce`?

Question

Accepted Answer

## Обзор

Есть три распространённых подхода к удалению дубликатов из массива JavaScript, каждый с различными **компромиссами производительности и читаемости**.

## Метод 1: Использование `Set`

```javascript
const unique = [...new Set(arr)];
```

Это *самый рекомендуемый* современный подход. `Set` автоматически хранит только уникальные значения, а оператор spread преобразует его обратно в массив.

- **Лучшая производительность** для больших наборов данных
- Чистый, лаконичный и очень читаемый
- Хорошо работает с **примитивными значениями** (строками, числами, булевыми)
- *Не* обрабатывает дедупликацию объектов по ссылке

## Метод 2: Использование `filter` с `indexOf`

```javascript
const unique = arr.filter((item, index) => arr.indexOf(item) === index);
```

Здесь сохраняется только **первое вхождение** каждого значения: индекс каждого элемента сравнивается с позицией его первого появления.

- Более явный и понятный для новичков
- **Сложность O(n²)** — `indexOf` выполняется на каждой итерации, поэтому на больших массивах работает медленно
- Удобно, когда нужен **функциональный стиль с чейнингом**

## Метод 3: Использование `reduce`

```javascript
const unique = arr.reduce((acc, item) =>
  acc.includes(item) ? acc : [...acc, item], []);
```

Здесь новый массив строится накоплением только ранее не встречавшихся значений.

- Также **сложность O(n²)** из-за `includes` на каждой итерации
- `[...acc, item]` создаёт *новый массив на каждой итерации*, что даёт дополнительную нагрузку на память
- Удобно, когда нужно **совместить дедупликацию с другими преобразованиями** за один проход

## Главный вывод

| Метод | Производительность | Читаемость |
|--------|-------------|-------------|
| `Set` | ✅ Лучшая | ✅ Лучшая |
| `filter` | ❌ O(n²) | ✅ Хорошая |
| `reduce` | ❌ O(n²) | ⚠️ Многословный |

*По умолчанию используй `Set`, если нет конкретной причины выбрать другой подход.*

Как ты реализовал бы разные подходы к удалению дубликатов из JavaScript массива, и какие компромиссы существуют между использованием `Set`, `filter` с `indexOf` и методом `reduce`?

Ответ

Обзор

Метод 1: Использование `Set`

Метод 2: Использование `filter` с `indexOf`

Метод 3: Использование `reduce`

Главный вывод

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

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

Обсуждение

Метод	Производительность	Читаемость
`Set`	✅ Лучшая	✅ Лучшая
`filter`	❌ O(n²)	✅ Хорошая
`reduce`	❌ O(n²)	⚠️ Многословный

Как ты реализовал бы разные подходы к удалению дубликатов из JavaScript массива, и какие компромиссы существуют между использованием `Set`, `filter` с `indexOf` и методом `reduce`?

Ответ

Обзор

Метод 1: Использование Set

Метод 2: Использование filter с indexOf

Метод 3: Использование reduce

Главный вывод

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

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

Обсуждение

Метод 1: Использование `Set`

Метод 2: Использование `filter` с `indexOf`

Метод 3: Использование `reduce`