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

Question

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

示例

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
})

如果 itemsFromDom 包含一个 id 为“myId”的元素，我希望 obj 有一个名为“myId”的属性。以上给了我name。

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

Answer 1

你可以使用这个等价的语法:

obj[name] = value

示例:

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

或具有 ES6 功能:

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

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