How to assign an object some keys by javaScript spread syntax

Question

I have the following object:

var inv = {roles: {"xxx00": {roleId: "zzzz33"}}, assign: [1, 2, 3] }

This is the result:

{ roles: { "1234": {roleId: null}, "5678": {roleId: null}}}

I need to consolidate the object with this result:

{roles: {"1234": {roleId: null}, "5678": {roleId: null}, "xxx00": {roleId: "zzzz33"}}, assign: [1, 2, 3] }

And I need to get that with the spread syntax

Any idea how the syntax should be to get this result without losing the original roleId?

I would try something along the lines of ({...a, ...b}) where a and b are your two objects. — Yoric
– Yoric, Commented May 31, 2018 at 13:42
The ... construct is not an "operator". It's a syntactic element but not part of the expression grammar. — Pointy
– Pointy, Commented May 31, 2018 at 13:42

D Lowther · Accepted Answer · 2018-05-31 13:55:39Z

2

Below are two examples one with no object mutation, the other with.

let inv = {roles: {"xxx00": {roleId: "zzzz33"}}, assign: [1, 2, 3] };
let res = { roles: { "1234": {roleId: null}, "5678": {roleId: null}}};

// create new object to spec, no mutation.
let combine = { roles: { ...inv.roles, ...res.roles, }, assign: [ ...inv.assign ] };
console.log(combine);

// mutate original object.
console.log(inv);
inv.roles = {  ...inv.roles, ...res.roles, };
console.log(inv);

answered May 31, 2018 at 13:55

D Lowther

1,6191 gold badge10 silver badges16 bronze badges

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

Comments

Simon Mulquin · Accepted Answer · 2018-05-31 20:20:22Z

1

just do this

const consolidated = {...inv, roles: {...inv.roles, ...result.roles} };

Assuming you only want to merge your result roles with the inv var roles, this will create consolidated based on inv but with result roles merged in inv roles.

answered May 31, 2018 at 20:20

Simon Mulquin

1567 bronze badges

Collectives™ on Stack Overflow

How to assign an object some keys by javaScript spread syntax

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related