typescript - JavaScript Destructure and assign to new object - Stack Overflow

admin管理员组

文章数量:1316980

In JavaScript/Typescript,

What is the short version to destructure and then assign in a new object like so :

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
};

In JavaScript/Typescript,

What is the short version to destructure and then assign in a new object like so :

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
};

• javascript
• typescript
• destructuring

Share Improve this question Follow edited Jul 12, 2019 at 7:25 Cœur 38.8k2626 gold badges205205 silver badges277277 bronze badges asked Mar 30, 2019 at 18:06 ScarauxScaraux 4,17266 gold badges4646 silver badges8585 bronze badges 0

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

You could take a destructuring assignment with the object and short hand properties for a new object.

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);

You can use 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)

You can create the object during destructuring using object rest:

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

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

console.log(newPayload)

本文标签： typescriptJavaScript Destructure and assign to new objectStack Overflow