JavaScript:通过计算键动态解构对象

时间:2019-03-20 11:52:57

标签: javascript destructuring computed-properties

我正在尝试编写一个咖喱函数dissoc,它接受一个prop和一个对象,并从该对象中删除键及其值。

这是有效的代码:

const dissoc = prop => obj => {
  const result = {};
  for (let p in obj) {
    result[p] = obj[p];
  }
  delete result[prop];
  return result;
};

现在,我认为可以使用computed properties,解构和rest运算符来简化代码:

const dissoc = prop => ({ [prop], ...obj}) => obj

但是此代码抛出:

Uncaught SyntaxError: Unexpected token ,

所以我尝试了:

const dissoc = prop => ({ prop, ...obj}) => obj

进行计算,但只返回不带道具的对象。

有没有一种方法可以动态地破坏和/或简化此代码?

1 个答案:

答案 0 :(得分:6)

您需要一个目标变量,例如下划线作为未使用的变量/占位符的符号。

const dissoc = prop => ({ [prop]: _, ...obj}) => obj

JavaScript没有使用可变变量的概念,例如带有$$variable的PHP,其中$variable的值被视为变量。在这种情况下,您需要另一个变量,因为computed property name且没有实际变量,因此它不起作用。

也许值得一读:Object property assignment pattern [YDKJS: ES6 & Beyond]