使用变量作为名称向 JavaScript 对象添加属性？

我正在使用 jQuery 从 DOM 中提取项目，并希望使用以下方法在对象上设置属性idDOM 元素的。

Example

const obj = {}

jQuery(itemsFromDom).each(function() {
  const element = jQuery(this)
  const name = element.attr('id')
  const value = element.attr('value')

  // Here is the problem
  obj.name = value
})

If itemsFromDom包括一个带有id“myId”，我想要obj有一个名为“myId”的属性。以上给了我name.

如何使用 JavaScript 来命名使用变量的对象的属性？

您可以使用以下等效语法：

obj[name] = value

Example:

let obj = {};
obj["the_key"] = "the_value";

或使用 ES6 功能：

let key = "the_key";
let obj = {
  [key]: "the_value",
};

在这两个例子中，console.log(obj)将返回：{ the_key: 'the_value' }