Как работает этот массив объектов JavaScript?

Question

Я пытаюсь понять что-то очень простое. Если у меня есть такой объект:

var topics = {}

И я делаю это:

topics[name] = ["chapter 1", "chapter 2", "chapter 3"];

Когда я регистрирую этот объект, я не вижу атрибута имени. Что я на самом деле сделал? Я создал ключ с именем name со значением массива?

Конечно, я знаю, что могу сделать это, просто сделав

topics.name =  ["chapter 1", "chapter 2", "chapter 3"];

Но тогда что это делает?

topics[name] = ["chapter 1", "chapter 2", "chapter 3"];

Может кто-нибудь уточнить, пожалуйста?

Answer 1

Это должно привести к ошибке, если у вас нет переменной name, определенной как строка или число.

Эти три эквивалентны:

var name = "key";
topics[name] = "value";

topics["key"] = "value";

topics.key = "value";

Answer 2

Когда вы используете нотацию [], она ожидает промежуточное выражение, которое преобразуется в строку.

Использование name без кавычек 'name' предполагает, что вы используете переменную с именем name.

Который в вашем случае undefined.

Правильное использование будет

topics["name"] = ["chapter 1", "chapter 2", "chapter 3"];

---

Если вы хотите использовать переменную, вы можете сделать что-то вроде

var prop = 'name';
var topics = {};

topics[prop] = ["chapter 1", "chapter 2", "chapter 3"];

это создаст свойство name для объекта .. полезное для динамического / автоматического создания / заполнения объектов ..

Answer 3

Вы создаете свойство объекта с именем, основанным на значении переменной name. Если вы хотите создать свойство с именем name таким образом, вам нужно сделать:

topics["name"] = ["chapter 1", "chapter 2", "chapter 3"];

Answer 4

Полученную структуру можно увидеть на следующем снимке экрана. Как заявляет mck89, вы, вероятно, захотите использовать синтаксис "name"

Answer 5

Обычно существует три способа различения:

topics.name
topics["name"]
topics[name]

Первые два эквивалентны.Таким образом, .xxx представляет буквенный ключ xxx, как и ["xxx"].

Последний будет использовать то, что содержит переменная name.Например:

var name = "test";
topics[name] = 123; // topics["test"] now exists

Answer 6

Если ваш код не привел к ReferenceError, возможно, вы уже имели переменную в глобальной области действия с именем name и создали новое свойство из содержимого name.