如何从两个变量创建一个 {key:value} 对象？ [复制]

Question

我想创建一个{key:value} 类型的对象，其中键名是可变的。此类对象必须提供给chrome.storage.<storageType>.set(keys, function(){...})

有很多关于 SO 的相关问题以及有效的答案，但我无法找到问题的合适解释。它归结为在 JSON 对象上设置属性。我做了这个测试：

var desiredKey = "123",
    desiredValue = "Value for key 123",
    foo;

// 1-The basic: Using a literal
console.log({ "123": desiredValue });

// 2-The problem occurs when the key name is not a literal
console.log({ desiredKey: desiredValue });

// 3-The solution is to assign a key explicitely
foo = {};
foo[desiredKey] = desiredValue;
console.log(foo);

结果：

Object { 123: "Value for key 123" }          <-- Literal
Object { desiredKey: "Value for key 123" }   <-- Variable (wrong)
Object { 123: "Value for key 123" }          <-- Assignment (ok)

问题：

• 为什么方法 2 会失败？存储什么？ desiredKey的引用/地址？
• 方法3是最简单的吗？还是有一个单一的指令解决方案？

Answer 1

方法四

Computed property:

从 ECMAScript 2015 开始，对象初始值设定项语法也支持计算属性名称。这允许您将表达式放在括号 [] 中，该表达式将被计算为属性名称。这与 property accessor 语法的括号表示法对称，您可能已经用它来读取和设置属性。

var desiredKey = "123",
    desiredValue = "Value for key 123",
    foo = { [desiredKey]: desiredValue };

console.log(foo);