使用变量动态设置js的属性名

使用变量动态设置 JavaScript 的属性名可以通过两种方式实现：点符号和方括号符号。

1. 点符号

使用点符号可以直接在对象上设置属性名，但是属性名必须是一个有效的标识符。

示例1：动态设置属性名为变量值

const propertyName = 'name';
const obj = {};
obj[propertyName] = 'John';
console.log(obj.name); // 输出: John

示例2：动态设置属性名为表达式结果

const obj = {};
obj['prop' + 'erty'] = 'value';
console.log(obj.property); // 输出: value

2. 方括号符号

使用方括号符号可以在对象上设置任意字符串作为属性名，包括非标识符字符。

示例1：动态设置属性名为变量值

const propertyName = 'name';
const obj = {};
obj[propertyName] = 'John';
console.log(obj['name']); // 输出: John

示例2：动态设置属性名为表达式结果

const obj = {};
obj['prop' + 'erty'] = 'value';
console.log(obj['property']); // 输出: value

无论是使用点符号还是方括号符号，都可以根据变量的值动态设置属性名。这种技术在需要根据运行时条件来设置属性名时非常有用。请注意，使用方括号符号可以设置任意字符串作为属性名，而使用点符号则要求属性名是一个有效的标识符。