Error al acceder a un elemento por clave en JavaScript

Al acceder a un elemento de un objeto mediante corchetes, los nombres de las claves deben ponerse entre comillas, y los nombres de las variables, no. No entender esto a menudo puede llevar a errores. Por lo tanto, analicemos una vez más las reglas de acceso.

En el siguiente código, obtenemos del objeto el elemento con la clave 'key':

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

Y en el siguiente código, obtenemos del objeto el elemento con la clave cuyo nombre está almacenado en la variable 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']);