Как здесь работает логика JS?

Question

[Denis]

Всем доброго, ниже представлен код и пара вопросов по нему.
Кто не сочтет трудным и ответит - заранее огромное спасибо!)

var team = {
  13: 'Mickle',
  10: 'Joe',
  11: 'Stacy'
}
var player = 10;
var question = team[player]; 
console.log(question);

собственно вопрос: правильно ли я понимаю как работает здесь JS. Когда мы указали 'player' в квадратных скобках мы сообщили JS о том, что теперь стоит искать значение в объекте с подобным значением (10)?
Или же его логика представляет несколько другое? Большая просьба ответить максимально доступным языком)

Answer 1

[Insolation]

Да правильно. То есть вы просто пытаетесь достучатся к некому значению в объекте.
Квадратные скобки дают вам просто преимущество в том, что они разрешают юзать в себе переменные. С обращением через точку, вам бы такого не позволило.

Читать:
1 - https://medium.com/@prufrock123/js-dot-notation-vs...
2 - https://codeburst.io/javascript-quickie-dot-notati...

Comments

[Denis]

Как бы Вы посоветовали читать код чтобы понимать его логику (снизу вверх или сверху вниз)?

В том плане, что снизу вверх, по моему скромному мнению, легче и логичнее. Пример к коду выше:
1)вывести 'question', что такое 'question"
2)question = team [player] чему равно значение 'player' в объекте 'team'?
3)player = 10, чему соответствует это значение в объекте?
4)соответствует 'Joe'.
5)Вывести в консоль 'Joe'.

[Дмитрий Беляев]

Denis, код выполняется сверху вниз (за некоторыми исключениями, вроде объявления функций и переменных, о чем стоит почитать отдельно).
логично читать код в той последовательности, в которой он выполняется.

Чтение чужого (или своего) кода занимает примерно 80% времени разработчика непосредственно с кодом. На первых порах важно развить этот навык. Можно проговаривать, что происходит.

Например:
на первых 4 строках в памяти создается объект с тремя значениями, ссылка на этот объект сохраняется в переменной team
на 5 строке число 10 сохраняется в переменную player
на 6 - из объекта team извлекается значение под ключом player (10), результат ('Joe') запоминается в question
на 7 - вызов console.log (вывод в консоль) с передачей question ('Joe') в качестве аргумента, в консоль выведется Joe

[Denis]

Дмитрий Беляев, спасибо!