es6 object destructuring, assign into new object

Question

new to es6 here. is there any way to shorten this code with es6 features? i'm trying to destructure from an object and put those pulled properties into a new object.

    const { Height, Width, Location, MapAttachmentTypes, 
ZoomLevelAdjustment, CustomPushPins, CenterPushpinStyle, ScaleFactor } = args;
        const body = {
          Height,
          Width,
          Location,
          MapAttachmentTypes,
          ZoomLevelAdjustment,
          CustomPushPins,
          CenterPushpinStyle,
          ScaleFactor
        };

I tried this, but it didn't work:

const  body = { Height, Width, Location, MapAttachmentTypes, ZoomLevelAdjustment, CustomPushPins, CenterPushpinStyle, ScaleFactor } = args;

I *think* this has been asked before, at least a couple of times; did you [search](/help/searching) thoroughly? *(not my dv)* — T.J. Crowder, Oct 31 '17 at 16:08
What does your `args` object look like? Does it destructure as you expect? — jmargolisvt, Oct 31 '17 at 16:09
Are you trying to actually pull the properties in as new into `body` or references to the relevant props of `args`? — StudioTime, Oct 31 '17 at 16:15

score -3 · Answer 1 · answered Oct 31 '17 at 16:11

-3

    // new syntax
    const body = {
        ...args
    };
    // es5
    const body = Object.assign({}, args);

answered Oct 31 '17 at 16:11

Walle Cyril

3,087
4
23
55

This will copy **all** of the properties of `args`, not just the selected properties. – T.J. Crowder Oct 31 '17 at 16:12
This will return everything from `args`, not just the specified keys. – pawel Oct 31 '17 at 16:12
Indeed, in case it is not wanted, the first example in the question will do the trick. – Walle Cyril Oct 31 '17 at 16:14
But the question is how to shorten the syntax to not repeat all the keys like in the first example ;) – pawel Oct 31 '17 at 16:15
3

Spread properties are not part of ES6 and `Object.assign` is not part of ES5. – Felix Kling Oct 31 '17 at 16:17
1

@FelixKling: Details, details... ;-) – T.J. Crowder Oct 31 '17 at 16:19

es6 object destructuring, assign into new object

1 Answers1