JavaScript，使用动态键更新对象[重复]

Question

我有一个静态结构的对象：

let obj = {
    "id": "",
    "id_configuration": "",
    "comment": "",
    "mw_assigned": "",
};

我想按键更新它的属性。例如，如果我收到

const key = 'mw_assigned'
const value = '23'

然后我想更新对象，并有：

let obj = {
    "id": "",
    "id_configuration": "",
    "comment": "",
    "mw_assigned": "23",
};

我该怎么办？我试图创建一个新对象，类似这样：

const new_obj = { ...obj, key: value }

我不知道如何从变量中设置键和值的名称

Answer 1

您可以使用asobj[key]

  let obj = {
        "id": "",
        "id_configuration": "",
        "comment": "",
        "mw_assigned": "",
    };

const key = 'mw_assigned';
const value = '23';

   // obj[key] = value;

   const new_obj = { ...obj,  [key]: value }
console.log(new_obj );

Answer 2

使用计算属性名称

这让人想起属性访问器语法的括号符号

let obj = {
  "id": "",
  "id_configuration": "",
  "comment": "",
  "mw_assigned": "",
};

const key = 'mw_assigned'
const value = '23'

const new_obj = { ...obj, [key]: value }

console.log(new_obj)