ES6 - 解构赋值 - 将一些属性从现有对象解包到新对象？ [复制]

Question

是否可以将对象的某些键解包为新对象？

假设，我想将 3 个键（a、b、c）从 test 对象复制到一个新对象（abc）。下面提到的代码将起作用。

const test = {a:1, b:2, c:3, d:4, e:5 };
const {a, b, c} = test;
const abc = { a, b, c, f: 6};

有什么方法可以在一个语句中完成吗？

还有一种方法。

const test = {a:1, b:2, c:3, d:4, e:5 };
const abc = { ...test, f: 6};

但是使用这种方法，我以后必须删除不需要的密钥（在我的例子中是d、e）。

（最佳案例解决方案：如果我们不必跟踪不需要的键。可能有 n 个不需要的键。）

Answer 1

使用解构参数和 IIFE（立即调用的函数表达式），我们可以摆脱源对象中不需要的键。

const test = {a:1, b:2, c:3, d:4, e:5 };
const abc = (({a,b,c}) => ({a, b, c}))(test);
console.log(abc);

为了兼容 ES5，

var test = {a:1, b:2, c:3, d:4, e:5 };
    
var abc = (function (test) {
  return {
    a: test.a,
    b: test.b,
    c: test.c
  }
})(test);

console.log(abc);

Answer 2

如果您知道新对象中需要的特定键，我会使用旧的 Object.assign

const extendInfo = { //object containing properties to extend other object  }
const abc = { //your obj to extend }
Object.assign(abc, { a: extendInfo.a, b: extendInfo.b, c: extendInfo.c });

如果你有很多道具来提取语法变得更重，我会建议一种不同的方法，但如果它只是几个道具，我认为这是更清洁和更快的方法 - 如果你不这样做，从技术上讲是一条线' t count 变量声明

Answer 3

您可以使用object rest 来解构您的初始对象：

const test = {a:1, b:2, c:3, d:4, e:5 };
const {d, e, ...abc} = { ...test, f: 6};

console.log(abc);