> Какие ключи могут быть в объекте и в Map в JavaScript (JavaScript)

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

В объекте ключами могут быть только строки и символы (Symbol). Все остальные значения при использовании в качестве ключа автоматически приводятся к строке. В Map ключом может быть любое значение JavaScript: объекты, функции, примитивы, включая NaN, null, undefined. При этом в Map ключи сравниваются по строгому равенству (SameValueZero), а в объекте - по строковому представлению.

Подробное объяснение

Объект (Object) - это классическая структура данных, где ключи хранятся как строки. Даже если вы передадите число 1, оно станет строкой "1". Символы - единственное исключение, они не приводятся к строке. Это ограничение заложено в спецификации ECMAScript: ключи объекта - это PropertyKey, то есть String | Symbol.

Map - это коллекция пар "ключ-значение", где ключом может быть любое значение, включая:

• примитивы: числа, строки, булевы значения, null, undefined, NaN, bigint;
• объекты, массивы, функции;
• символы.

Map использует алгоритм сравнения SameValueZero: он похож на ===, но считает NaN равным NaN. Это важно, потому что в объекте NaN станет строкой "NaN", а в Map останется числовым ключом.

Дополнительные различия:

• В объекте ключи перечисляются в порядке: целочисленные ключи по возрастанию, затем строки в порядке добавления, затем символы. В Map порядок всегда соответствует порядку вставки.
• Объект имеет прототип, поэтому ключи могут конфликтовать с унаследованными свойствами (например, toString). Map не имеет таких конфликтов.
• Размер коллекции: у Map есть свойство size, у объекта нужно использовать Object.keys(obj).length.

На практике

Выбор между объектом и Map зависит от сценария:

• Если нужны ключи, не являющиеся строками (например, DOM-элементы, координаты, сложные структуры), используйте Map.
• Если нужна гарантия порядка вставки и частые операции добавления/удаления, Map эффективнее.
• Если ключи - это простые строки и нужна сериализация в JSON, объект удобнее (Map не сериализуется в JSON напрямую).
• Если нужен доступ к прототипным методам или работа с литералами, объект - естественный выбор.

Также важно помнить: в Map ключ-объект будет удерживаться в памяти, пока Map существует, даже если на объект больше нет ссылок. Это может привести к утечкам, если не использовать WeakMap.

Пример кода

JAVASCRIPT
// Ключи в объекте
const obj = {};
obj[1] = 'число';
obj[true] = 'булево';
obj[{ a: 1 }] = 'объект';
obj[null] = 'null';

console.log(Object.keys(obj)); // ['1', 'true', '[object Object]', 'null']
console.log(obj['1']); // 'число'
console.log(obj['[object Object]']); // 'объект'

// Ключи в Map
const map = new Map();
const objKey = { a: 1 };
map.set(1, 'число');
map.set(true, 'булево');
map.set(objKey, 'объект');
map.set(null, 'null');
map.set(NaN, 'NaN');

console.log(map.get(1)); // 'число'
console.log(map.get(true)); // 'булево'
console.log(map.get(objKey)); // 'объект'
console.log(map.get(NaN)); // 'NaN'
console.log(map.size); // 5

Как отвечать на собеседовании

Начните с прямого ответа: в объекте - строки и символы, в Map - любые значения. Затем кратко объясните механизм приведения типов в объекте и алгоритм сравнения в Map. Добавьте практический пример, где Map предпочтительнее (например, ключи-объекты). Упомяните порядок перечисления и отсутствие конфликтов с прототипом в Map. Если спросят про производительность, скажите, что для частых добавлений/удалений Map обычно быстрее, но для простых строковых ключей объект может быть эффективнее из-за оптимизаций движка.

Что проверяет интервьюер

Интервьюер оценивает:

• понимание фундаментальных отличий между структурой данных и ассоциативным массивом;
• знание механизма приведения типов в JavaScript;
• понимание алгоритма сравнения SameValueZero;
• умение выбирать подходящую структуру под задачу;
• знание edge cases: NaN, null, объекты как ключи, порядок итерации.

Типичные ошибки

• Утверждение, что в объекте ключами могут быть любые значения - это неверно, они приводятся к строке.
• Игнорирование символов как допустимых ключей объекта.
• Забывают, что NaN в Map можно использовать как ключ, а в объекте он превращается в строку "NaN".
• Путают порядок перечисления: в объекте целочисленные ключи идут первыми, даже если добавлены позже.
• Не упоминают WeakMap как решение проблемы утечек памяти при ключах-объектах.