Почему при обращении по ключу объекта, который сам (ключ) является объектом, всегда возвращается значение последнего ключа?

Question

[AfterGen]

Привет. Известно, что ключами могут быть только строки или символы, иначе они преобразуются в строки. Но наткнулся на такой пример:

const a = {
  foo: 'bar'
};

const b = {
  bar: 'baz'
};

const someObject = {
  [a]: 1,
  [b]: 2,
}

console.log(someObject[a]) // 2

До меня не доходит, как здесь происходит преобразование и почему результат берется из последнего ключа. Объясните, пожалуйста?

Answer 1

[0xD34F]

Ключи объектов - это строки, если использовать нестроковое значение в качестве ключа, оно будет преобразовано в строку, дефолтное строковое представление объекта - это "[object Object]". Всё.

Хотите, чтобы объект реально был ключом - записывайте его в Map вместо простого объекта. Или научите свои объекты представлять себя в виде строки, переопределив у них метод toString (конечно, поступать так имеет смысл только в том случае, если вы можете гарантировать, что строковые представления будут уникальны).

Comments

[AfterGen]

Хорошо, в итоге у нас такой объект

someObject = {"[object Object]": 1, "[object Object]": 2}

. Первый элемент просто отсекается из-за дублирования ключа?

[AfterGen]

Хотите, чтобы объект реально был ключом - вместо простого объекта используйте Map.

Нет, просто разбираюсь с работой объекта в такой ситуации

[Вадим]

AfterGen,

в итоге у нас такой объект

Нет, в итоге у Вас такой объект:
someObject = {"[object Object]": 2}

[Вадим]

AfterGen, Вы, судя по всему, не знаете основ, и поэтому эта запись

const someObject = {
  [a]: 1,
  [b]: 2,
}

Вводит Вас в заблуждение что Вы инициализируете объект с двумя свойствами.
На деле эта запись выглядит так:

const someObject = {}
someObject["[object Object]"]  = 1
someObject["[object Object]"]  = 2

[AfterGen]

Вадим, дошло, спасибо!

Answer 2

[German Panov]

У объектов ключами могут быть только строки => при использовании другого объекта в качестве ключа, он будет преобразован в строку.
В результате преобразования объекта в строку, ключом someObject будет "[object Object]"

const a = {
  foo: 'bar'
};

const b = {
  bar: 'baz'
};

const someObject = {
  [a]: 1,   //  т.к. a - объект, у него вызовется метод Object.prototype.toString() и ключом станет "[object Object]"
  [b]: 2,   // аналогично ключом будет "[object Object]"
}

// Т.к. a - объект, то он преобразуется в строку и получаем значение 
// someObject["[object Object]"] = 2
console.log(someObject[a]) // 2

В итоге, вначале устанавливаем someObject["[object Object]"] = 1, а потом изменяем его на someObject["[object Object]"] = 2

Также есть струтура данных Map, ключами которой могут быть не только строки.

Comments

[AfterGen]

Очень доступно, спасибо