Почему ключи объекта приводятся к строке?

Определение

Приведение ключей к строке — это автоматическое преобразование значения ключа в строку при использовании его в объекте.

Историческая причина

Сначала объяснение словами. JavaScript создавался как простой язык для браузеров, и объект рассматривался как ассоциативный массив со строковыми ключами.

1. Простая реализация

2. Быстрый доступ к свойствам

3. Минимальная сложность модели

Как работает приведение

Когда вы пишете:

obj[key] = value;

JavaScript делает следующее:

1. Если key — symbol, он используется напрямую

2. Во всех остальных случаях вызывается приведение к строке

const obj = {};
obj[10] = "ten";

console.log(obj["10"]); // "ten"

Проблемы, которые это может вызвать

1. Коллизии ключей:

   const obj = {};
   obj[1] = "a";
   obj["1"] = "b";
   
   console.log(obj[1]); // "b"
   

2. Неочевидные ключи вида "[object Object]"

Почему это важно для React и фронтенда

1. При работе с данными из API

2. При динамическом формировании объектов

3. При выборе между Object и Map

Вывод

Ключи объектов приводятся к строке из-за архитектурных решений JavaScript и требований спецификации. Если нужно хранить данные с ключами любого типа без преобразований, стоит использовать Map.