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

Dynamic keys in Javascript associative array declaration one-liner

本文关键字：一行 声明 数组 动态 关联 Javascript      更新时间：2023-09-26

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

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

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

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

现在可以在任何支持ES6 literal shorthands:的浏览器/平台中，在javascript对象的声明中使用动态键

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

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

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

我找到了一个解决方案。

执行以下操作：

var field='name';
var ourVar={};
ourVar[field] = 'Somethig';

来源：Javascript：变量作为数组键

既然你要求一行，试试这个：

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

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

var originalObj = {};//some data here

function addKeyValuePair(originalObj,key,value){
    originalObj = {...originalObj,[key]:value}
};
相关文章：