如何使用变量作为名称向 JavaScript 对象添加属性？

在 JavaScript 中，我们可以使用变量的值作为对象属性的名称。这可以让我们以动态的方式向对象添加属性，更加灵活。下面是几种常见的方式。

1. 使用方括号访问属性

我们可以使用方括号（[]）来访问和设置对象属性，方括号内可以是一个字符串或一个变量名。例如：

var person = {};
var key = 'name';
person[key] = 'Alice';
console.log(person.name); // 输出 'Alice'

在以上例子中，我们先声明了一个空的对象 person，然后定义了一个变量 key 并将其赋值为字符串 'name'。接着使用变量 key 来作为属性名称来设置了 person 对象的一个属性。最后，我们打印出了 person 对象的属性 name 的值。

2. 使用 ES6 的对象字面量语法

如果你使用的是 ES6 或更高版本的 JavaScript，那么你还可以使用对象字面量语法来动态地向对象添加属性。对象字面量语法中，你可以使用方括号并在其中放置变量名来添加属性。例如：

const key = 'name';
const person = {
  [key]: 'Alice',
};
console.log(person.name); // 输出 'Alice'

在以上例子中，我们使用对象字面量语法来直接创建了一个带有 [key] 属性的 person 对象，并将其值设置为 'Alice'。最后，我们输出了 person 对象的属性 name 的值。

3. 使用 Object.defineProperty()

我们还可以使用 Object.defineProperty() 方法来向对象添加属性，这个方法的第一个参数是要添加属性的对象，第二个参数是属性名称，第三个参数是一个描述对象，可以设置属性的特性。例如：

const person = {};
const key = 'name';
Object.defineProperty(person, key, {
  value: 'Alice',
});
console.log(person.name); // 输出 'Alice'

在以上例子中，我们先创建了一个空的对象 person，然后定义了一个变量 key 并将其赋值为字符串 'name'。接着，我们使用 Object.defineProperty() 方法将 person 对象的属性 name 的值设置为 'Alice'。最后，我们输出了 person 对象的属性 name 的值。

到此，我们讲解了三种使用变量作为名称向 JavaScript 对象添加属性的方法。希望这篇文章对你有所帮助！