How can I use object destruction as parameter in calling a function?

Question

I have an object like this:

let a = { x: 3, y: '3', z: 'z' };

And an array like this:

let b = [{ x: 1, y: '1'}, { x: 2, y: '2' }];

How can I do something like this:

b.push({ x, y } = a);

Instead of this:

b.push({ x: a.x, y: a.y });

// or this:
const { x, y } = a;
b.push({ x, y });

can be done only by creating a method or using some module like underscore b.push(_.pick(a, 'x', 'y')) — arizafar
– arizafar, Commented Dec 13, 2020 at 9:56

Nina Scholz · Accepted Answer · 2020-12-13 09:41:49Z

1

You need to return a new object with the destructured properties.

const
    getXY = ({x, y}) => ({ x, y }),
    a = { x: 3, y: '3', z: 'z' },
    b = [{ x: 1, y: '1'}, { x: 2, y: '2' }];

b.push(getXY(a));

console.log(b);

answered Dec 13, 2020 at 9:41

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Derek Over a year ago

This is a fairly common mapping pattern where you want to pass an object with some subset of keys/values to some other function. I like naming them mapTypeAToTypeB, where TypeA could be (eg) a network response with extraneous data, and TypeB could be what the frontend uses. These can be used standalone or as an Array.map() functor.

Collectives™ on Stack Overflow

How can I use object destruction as parameter in calling a function?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related