Javascript关联数组声明中的动态键一行

Question

我希望以下三个关联数组是相同的：

arr1 = { "dynamic":"foo", "bar":"baz" };

key = "dynamic";    
arr2 = { key:"foo", "bar":"baz" };

arr3 = {};
arr3[key] = "foo";
arr3["bar"] = "baz";

在上面的示例中，arr1和arr3相同，但arr2不同。

是否可以在javascript关联数组的声明中使用动态键？

Answer 1

现在可以在任何支持ES6文字缩写的浏览器/平台中使用javascript对象声明中的动态键：

key = "dynamic";    
arr2 = {
    [key]: "foo",  // "dynamic": "foo"
    "bar": "baz"
};

Answer 2

只有[]语法适用于动态密钥。你不能在文字中使用它们。所以你的答案是否定的，这是不可能的。

但您可以使用文字来创建所有静态密钥，然后使用[]语法添加动态密钥。这通常比使用所有元素的.或[]表示法更漂亮。

Answer 3

我找到了解决方案。

执行以下操作：

var field='name';

var ourVar={};

ourVar[field] = 'Somethig';

来源：Javascript: variable as array key

Answer 4

由于你要求一个班轮，试试这个：

var key = 'dynamic', obj = (function(o) { o[key]='foo'; return o;})({bar: 'baz'});

这会使obj等于{bar: "baz", dynamic: "foo"}

Answer 5

var originalObj = {};//some data here


function addKeyValuePair(originalObj,key,value){
    originalObj = {...originalObj,[key]:value}
};