Ошибка обращения к свойству объекта в JavaScript

При обращении к свойству объекта имя этого свойства не может хранится в переменной. Давайте посмотрим почему. Пусть у нас дан вот такой объект:

javascriptlet obj = {a: 1, b: 2, c: 3};

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

javascriptlet key = 'a';

Попробуем обратиться к свойству объекта, используя эту переменную:

javascriptconsole.log(obj.key); // undefined

Приведенный код не будет работать, так как фактически мы ищем свойство с именем 'key', а не свойство, чье имя хранится в переменной key. To есть фактически наш код эквивалентен следующему:

javascriptconsole.log(obj['key']);

Единственным способом обратиться к элементу по ключу из переменной является запись этой переменной в квадратных скобках:

javascriptconsole.log(obj[key]);

javascriptlet obj = {x: 1, y: 2, z: 3};

let prop = 'x';
console.log(obj.prop);

javascriptlet obj = {x: 1, y: 2, z: 3};

let prop = 'x';
console.log(obj['prop']);