将数组项用作对象[duplicate]中的键时出现意外的令牌错误

Question

在Chrome中，以下JavaScript代码引发意外的令牌错误：

var somearray = ["foo","bar"];
var someassoc = {somearray[0]:somearray[1]};

抛出的错误：

Uncaught SyntaxError: Unexpected token [

相反，我希望它应该创建一个键为Somearray[0]的对象，并且该键的项为Somearray[1]。

那么，为什么会这样？意外标记通常意味着括号放错了地方等，但这里不是这样。

Answer 1

在JavaScript中，当声明对象时，键名应该始终是一个简单的字符串，例如：

var object = {'key': 'Hello World'};

但是，如果要使用动态的键名，如somearray[0]，则只需将someassoc声明为对象：

var someassoc = {};

然后，通过以下操作设置键值组合：

someassoc.key = 'Hello World';

或

someassoc['key'] = 'Hello World';

在您的情况下将是：

someassoc[somearray[0]] = somearray[1];

仅此而已：）

Answer 2

JS对象文字的键必须是静态键，或者是[]中包含的表达式（需要ES2015支持）。

代码的问题是somearray[0]键无效。

因此，如果您需要ES5方式，请将其重写为

var somearray = ["foo","bar"];
var someassoc = {};
someassoc[somearray[0]] = somearray[1];

对于ES2015，您使用

var somearray = ["foo","bar"];
var someassoc = { [somearray[0]]: somearray[1]};

本标准的相关部分：

• 12.2.6对象初始化器
• 12.2.6.3静态语义：包含
• 11.6.1标识符名称

简而言之：密钥必须是有效的标识符。