javascript - 如何根据动态定义的变量解构对象

Question

我正在使用一个不可变对象，我需要从中减去一个值数组。

我知道可以使用 ES6 破坏以下内容。

const {countries, remainder} = someObj // {countries:...,languages:..., ...keys};

这将结束我的其余部分是没有国家键的新对象。

因此，我发现我可以在数组上使用 reduce 来遍历并删除对象中的所有值，最后返回一个新对象，使用默认参数作为原始对象。

但是，我不知道该怎么做，因为键的名称是在数组中定义的。

arrayToRemove.reduce((total, value) => {
  const { extractValue: [value], ...remainder } = total
  return remainder;
}, { ...originalObj });

arrayToRemove.reduce((total, value) => {
  const { [extractValue], ...remainder } = total
  return remainder;
}, { ...originalObj });

我期望最终得到一个新对象，其中没有包含在名为 arrayToRemove 的数组中的键。

我需要在保持不变性的同时做到这一点，所以我不能只遍历原始对象并从中删除它们，所以我认为上面的方法是一个很好的方法。

任何帮助表示赞赏。

Answer 1

您可以使用带有虚拟属性的计算属性名称作为目标属性。

在此处阅读更多内容：对象属性分配模式 [YDKJS: ES6 & Beyond]

var originalObj = { foo: 1, bar: 2, baz: 3, },
    arrayToRemove = ['foo', 'bar'],
    result = arrayToRemove.reduce((total, key) => {
        const { [key]: dummy, ...remainder } = total;
        return remainder;
    }, originalObj);


console.log(result);

Answer 2

arrayToRemove.reduce((obj, key) => {
  const { [key]: value, ...remainder } = obj
  return remainder
}, originalObj)