JavaScript 解构并分配给新对象

Question

在JavaScript/Typescript,

像这样解构然后分配给新对象的简短版本是什么：

const payload: MyPayload = { a: 1, b: 2, c: 3, d: 4, e: 5 }

// Destruct
const { a, c, e } = payload;

// New Obj
const newPayload = {
  a, c, e
};

Answer 1

您可以 destructuring assignment with the object and short hand properties 获取新对象。

const
    getParts = ({ a, c, e }) => ({ a, c, e }),
    payload = { a: 1, b: 2, c: 3, d: 4, e: 5 },
    parts = getParts(payload);

console.log(parts);

Answer 2

您可以在解构过程中使用 object rest:

创建对象

const payload = { a: 1, b: 2, c: 3, d: 4, e: 5 }

const { b, d, ...newPayload } = payload

console.log(newPayload)

Answer 3

你可以使用 IIFE

const payload = { a: 1, b: 2, c: 3, d: 4, e: 5 }

const obj = (({a,c,e}) => ({a,c,e}))(payload)

console.log(obj)

JavaScript 解构并分配给新对象

JavaScript Destructure and assign to new object

javascript

destructuring

typescript