在JavaScript中，我们可以使用对象来组织和存储数据。创建对象的常用方式是使用字面量语法或构造函数语法，如下所示：
-- -------------------- ---- ------- -- ----------- ----- ------ - - ----- ------- ---- --- -- -- ------------ -------- ------------ ---- - --------- - ----- -------- - ---- - ----- ------------- - --- -------------- ----
有时候，在创建对象时，我们需要动态地指定属性名。这时，我们可以使用变量来表示属性名。下面是一个例子：
const propertyName = 'name';
const person = {
[propertyName]: 'John',
age: 30,
};
console.log(person.name); // 输出：'John'在这个例子中，我们使用了方括号语法来创建一个具有动态属性名的对象。方括号里面是一个变量名，它代表了要创建的属性名。
除了在对象字面量中使用方括号语法，我们还可以在对象实例上使用方括号语法来访问属性，如下所示：
const propertyName = 'name';
const person = {
[propertyName]: 'John',
age: 30,
};
console.log(person['name']); // 输出：'John'在这个例子中，我们使用方括号语法来访问对象实例上的属性。方括号里面是一个字符串，它代表了要访问的属性名。这种方法同样适用于使用变量作为属性名的情况。
总结一下，使用变量作为属性名可以帮助我们更加灵活地创建和访问对象。在实际开发中，这种技巧经常被用来处理动态数据。当然，如果不小心使用了错误的变量名或字符串，就有可能导致意料之外的结果。因此，在使用变量作为属性名时，请仔细检查代码并进行测试。
希望本篇文章能够对你有所帮助，谢谢阅读！
示例代码
-- -------------------- ---- ------- ----- ------------ - ------- ----- ------ - - --------------- ------- ---- --- -- ------------------------- -- --------- ---------------------------- -- --------- ----- ------------------- - ------ ----------------------------------------- -- -----
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26961