Что такое Set в JavaScript

Set это встроенная коллекция JavaScript, где каждое значение может встретиться только один раз. Если добавить одно и то же значение повторно, размер коллекции не увеличится.

const ids = new Set([1, 2, 2, 3]);

ids.add(3);
ids.add(4);

console.log(ids.size); // 4
console.log(ids.has(2)); // true
console.log([...ids]); // [1, 2, 3, 4]

Для ответа на интервью достаточно начать с этого поведения, а затем добавить практический вывод: Set помогает там, где важна уникальность или частая проверка наличия.

Массив хранит упорядоченный список с индексами. Set хранит уникальные значения и дает методы для работы с наличием значения. Порядок итерации у Set есть, он соответствует порядку добавления, но обращаться как set[0] нельзя.

Если вам нужно отрисовать список, часто удобнее преобразовать Set в массив:

const selectedIds = new Set(["a1", "b2"]);
const selectedIdsArray = Array.from(selectedIds);

Практический риск такой: если назвать Set массивом без дублей, вы можете пропустить ограничения API. Например, у Set нет прямого map, поэтому для JSX-рендера обычно делают [...set].map(...).

Для примитивов поведение обычно ожидаемое: одинаковые строки, числа или boolean-значения не дублируются. Но важный нюанс в том, что Set использует сравнение SameValueZero.

const values = new Set();

values.add(NaN);
values.add(NaN);
values.add(0);
values.add(-0);

console.log(values.size); // 2

Это значит, что NaN считается тем же самым NaN, а 0 и -0 считаются одним значением. На практике это редко ломает UI, но на интервью такой нюанс отличает точный ответ от упрощенного.

Типичный сценарий: пользователь выбирает элементы в списке, а вам нужно быстро проверять, выбран ли конкретный id.

function toggleSelected(prevSelected, id) {
  const next = new Set(prevSelected);

  if (next.has(id)) {
    next.delete(id);
  } else {
    next.add(id);
  }

  return next;
}

В React важно создавать новый Set, а не мутировать старый объект состояния. Плохой вариант выглядит так:

// Плохо: мутирует тот же Set
selectedIds.add(id);
setSelectedIds(selectedIds);

Такой код может привести к неочевидному багу обновления UI, потому что ссылка на состояние остается той же. Безопаснее делать так:

setSelectedIds((prev) => toggleSelected(prev, id));

Хорошая короткая формулировка может звучать так:

Set это коллекция уникальных значений в JavaScript. Я использую его, когда нужно убрать дубли или быстро проверять наличие элемента, например id выбранных строк. У Set есть add, delete, has, clear и size. Важно помнить, что это не массив. Доступа по индексу нет, а объекты сравниваются по ссылке.

Если хотите усилить ответ, добавьте один нюанс про SameValueZero или про React state. Главное не уходить в длинную лекцию, пока вас не спросили подробнее.