如何使用ES6扩展运算符和rest运算符从数组或对象中删除特定元素

Question

我想做这样的事情。 有像

obj = { a: "xxx", b: "xxx", c: "xxx", d: "xxx", e: "xxx", f: "xxx" }

我想删除属性c和d的值，并将它们放在数组中，如arr = ["xxx" , "xxx"] 。 然后我想将此数组添加到obj对象中

obj = { a: "xxx", b: "xxx",  c: ["xxx", "xxx"], e: "xxx", f: "xxx" }

所以有没有办法使用ES6传播和休息操作员

如果我必须删除n个值的值（未知值可以是1或2或3 ..），然后将它们放入数组，该如何处理（如上所述）

Answer 1

您可以使用解构和临时const来实现。

 const obj = {a:"xxx" , b:"xxx", c:"xxx" , d:"xxx" , e:"xxx", f:"xxx"} const { c, d, ...rest} = obj; // pick props you want to remove and keep rest // create a new object by spreading `rest` and adding new property console.log({...rest, c: [c, d]});