Javascript: assign object to variable [duplicate]

Question

I have an existing object with some properties:

var props = {
  filters: {
    brightness: 0,
    opacity: 1,
  }
}

So, I want to assign filter properties of this object to another object during variable declaration:

var sprite = {
  configs: {
    image: 'pic.png',
    // <- assign `props.filters` right here
  }
}

As there result I want to get such object:

{
  configs: {
    image: 'pic.png',
    brightness: 0,
    opacity: 1,
  }
}

I can do it just after sprite variable declaration like this:

Object.assign(sprite.configs, props.filters);

But is it possible to assign properties of another object during variable declaration?

It would be very convenient in case there are many-many props in one object and JS will allow to implement such assignment during variable declaration to eliminate redundant post processing.

configs: { image: 'pic.png', ...props.filters }

Andreas
– Andreas

2020-09-15 08:33:43 +00:00
Commented Sep 15, 2020 at 8:33 — Andreas
– Andreas, Commented Sep 15, 2020 at 8:33

StackByMe · Accepted Answer · 2020-09-15 08:33:53Z

6

You can use the spread operator to "spread" the values of props inside the sprite variable.

const props = {
  filters: {
    brightness: 0,
    opacity: 1,
  }
};

const sprite = {
  configs: {
    image: 'pic.png',
    ...props.filters,
  }
};

console.log(sprite);

answered Sep 15, 2020 at 8:33

StackByMe

6,57522 silver badges31 bronze badges

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

1 Comment

mr.incredible Over a year ago

Many thanks, I've just tried same thing but in wrong way with {...} curly braces! Don't know why...

Collectives™ on Stack Overflow

Javascript: assign object to variable [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related