如何用数组元素值作为JSON对象的键？语法错误排查

这个问题我之前踩过坑，本质是JavaScript对象字面量的语法规则限制导致的～

为什么直接写{test[0]:"A"}会报错？ #

在ES5及更早的版本里，JavaScript对象字面量的键名只有两种合法写法：

• 标识符：比如{a: "A"}里的a，得符合变量命名规则（不能以数字开头、不能有特殊字符等）
• 字符串字面量：比如{"a": "A"}里的"a"，用引号明确包裹的字符串

而test[0]是一个表达式（数组访问操作），既不是合法标识符，也不是字符串字面量。JS引擎会尝试把它当成标识符解析，这就导致语法混乱——它会把test当成键名，后面的[0]就成了无效语法，自然抛出错误。

正确的写法：使用计算属性名 #

ES6引入了计算属性名的语法，专门解决用表达式作为对象键名的需求。只需要把表达式放在方括号[]里包裹起来：

var test = ["a","b"]
const resultObj = {[test[0]]: "A"}
console.log(resultObj) // 输出：{a: "A"}

这样JS引擎会先计算方括号内的test[0]，得到字符串"a"，再把这个值作为对象的键名，完全符合你的需求。

你提到test[0]的输出确实是"a"且类型是字符串，这点没错，但问题出在语法层面——传统写法不允许直接把表达式放在键名位置，必须用方括号明确告诉JS：“我要先计算这个表达式的值，再把它作为键名”。而手动写{"a":"A"}是字符串字面量键名，符合传统语法，所以不会报错。

内容的提问来源于stack exchange，提问作者ROBOTPWNS