Javascript: assign object to variable

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 Sep 15 '20 at 08:33 — Andreas, Sep 15 '20 at 08:33

score 6 · Accepted Answer · answered Sep 15 '20 at 08:33

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 '20 at 08:33

Reyno

6,119
18
27

Many thanks, I've just tried same thing but in wrong way with `{...}` curly braces! Don't know why... – mr.boris Sep 15 '20 at 08:36

Javascript: assign object to variable

1 Answers1