使用变量作为键的 JS 对象

在 JavaScript 中，对象 (Object) 是一种非常常见和有用的数据结构。对象由一组键值对 (key-value pairs) 构成，其中键 (key) 表示属性 (property) 的名称，值 (value) 则表示属性的值。通常，在创建对象时，我们使用字符串作为属性的键。

但是，有时候我们需要使用变量作为键，这时该怎么做呢？本文将为您讲解如何使用变量作为键来创建和访问 JS 对象。

创建对象

在 JS 中，有多种方式可以创建对象。其中最常见的方式是使用字面量 (literal) 表示法。使用字面量表示法时，对象的属性和属性值以键值对的形式出现在花括号中。

例如，以下代码创建了一个名为 person 的对象，它有两个属性：name 和 age，分别表示姓名和年龄。

var person = {
  name: 'John Doe',
  age: 25
};

如上所示，我们使用字符串作为属性的键。在访问属性时，我们也需要使用属性的字符串键。例如，要获取 person 对象的年龄，可以使用以下代码：

console.log(person['age']); // 输出：25

使用变量作为键

要使用变量作为键，我们需要使用另一种访问属性的方式：点表示法 (dot notation)。在点表示法中，我们使用点号 (.) 来访问对象的属性。例如，要获取 person 对象的年龄，可以使用以下代码：

console.log(person.age); // 输出：25

那么，如何使用变量作为键呢？在点表示法中，我们可以使用中括号 ([]) 来访问对象的属性。在中括号中，我们可以使用变量或表达式来表示属性的键。例如，以下代码使用变量 key 来作为属性的键：

var key = 'name';
console.log(person[key]); // 输出：'John Doe'

注意，使用变量作为键时，变量应该是一个字符串。如果变量不是字符串，JS 引擎会自动将其转换为字符串。例如，以下代码创建了一个名为 person 的对象，其中一个属性的键为数字。

var person = {
  123: 'John Doe'
};

我们可以使用以下代码来获取该属性的值：

console.log(person[123]); // 输出：'John Doe'
console.log(person['123']); // 输出：'John Doe'（同上）

同样的，在访问属性时，我们也可以使用数值作为键。例如，以下代码创建了一个名为 person 的对象，其中一个属性的键为数字。

var person = {
  123: 'John Doe'
};

我们可以使用以下代码来获取该属性的值：

console.log(person[123]); // 输出：'John Doe'
console.log(person['123']); // 输出：'John Doe'（同上）

总结

在 JavaScript 中，使用变量作为键来创建和访问对象是非常常见的操作。在使用变量作为键时，我们需要使用中括号 ([]) 来访问属性，并将变量或表达式作为键传递给中括号。如果变量不是字符串，JS 引擎会自动将其转换为字符串。