对象键作为变量

在 JavaScript 中，对象的键通常被称为“属性名”。我们可以通过对象的属性名来访问对象的属性值。通常，我们使用点（.）符号来访问对象属性的值，例如：objectName.propertyName。但是，在某些情况下，访问对象属性的语法可能无法满足我们的需求，例如：

• 当属性名包含空格或特殊字符时，我们无法使用点符号访问对象属性；
• 当属性名无法在编写代码时确定时，我们也无法使用点符号访问对象属性。

在这种情况下，我们可以使用对象键作为变量来访问对象属性。这可以通过使用方括号（[]）符号来实现，例如：objectName[propertyName]。下面是一个示例演示如何使用对象键作为变量：

const person = {
  firstName: 'John',
  lastName: 'Doe',
  age: 30,
  'favorite color': 'blue'
};

console.log(person.firstName); // 输出：John
console.log(person['lastName']); // 输出：Doe
console.log(person.age); // 输出：30
console.log(person['favorite color']); // 输出：blue

在这个例子中，我们创建了一个名为 person 的对象，并使用不同的属性名初始化了它的属性值。其中，favorite color 属性名包含空格，因此我们无法使用点符号访问它的值。相反，我们使用了对象键作为变量的方法，用方括号符号和属性名作为参数来访问它的值。

值得注意的是，当使用对象键作为变量时，属性名必须加引号，否则会导致语法错误：

console.log(person[favorite color]); // 错误：Uncaught ReferenceError: favorite color is not defined

总结

对象键作为变量是一种非常有用的编程技巧，它可以让我们以动态、灵活的方式访问对象的属性。我们可以通过方括号符号和属性名来实现这种访问，而不是使用点符号。但需要注意的是，当使用对象键作为变量时，属性名必须加引号，否则会导致语法错误。