Erro de Acesso a Elemento por Chave em JavaScript

Ao acessar um elemento de um objeto usando colchetes, os nomes das chaves devem estar entre aspas, mas os nomes das variáveis não. Não entender isso frequentemente pode levar a erros. Portanto, vamos discutir mais uma vez as regras de acesso.

No código a seguir, obtemos do objeto um elemento com a chave 'key':

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

E no código a seguir, obtemos do objeto um elemento com a chave cujo nome está armazenado na variável key:

javascriptconsole.log(obj[key]);

javascriptlet obj = {x: 1, y: 2, z: 3};
console.log(obj[x]);

javascriptlet obj = {x: 1, y: 2, z: 3};
let key = 'x';
console.log(obj['key']);