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

Question

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

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

例

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

Answer 2

使用ECMAScript 2015，您可以使用括号表示法直接在对象声明中执行此操作：var obj = {   [key]: value}哪里key可以是任何类型的表达式（例如变量）返回值：var obj = {   ['hello']: 'World',   [x + 2]: 42,   [someObject.getId()]: someVar}

Answer 3

您甚至可以像这样制作对象列表var feeTypeList = [];$('#feeTypeTable > tbody > tr').each(function (i, el) {     var feeType = {};     var $ID = $(this).find("input[id^=txtFeeType]").attr('id');     feeType["feeTypeID"] = $('#ddlTerm').val();     feeType["feeTypeName"] = $('#ddlProgram').val();     feeType["feeTypeDescription"] = $('#ddlBatch').val();     feeTypeList.push(feeType);});

Answer 4

使用lodash，您可以创建像这样的新对象_.set：obj = _.set({}, key, val);或者您可以像这样设置现有对象：var existingObj = { a: 1 };_.set(existingObj, 'a', 5); // existingObj will be: { a: 5 }如果要在路径中使用点（“。”），则应该注意，因为lodash可以设置层次结构，例如：_.set({}, "a.b.c", "d"); // { "a": { "b": { "c": "d" } } }