CODEWITHSUNDEEP
javascriptecmascript-6spread-syntax
Leonardo Uribe
Leonardo Uribe

Reputation: 123

How to assign an object some keys by javaScript spread syntax

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?

Upvotes: 0

Views: 709

Answers (2)

Simon Mulquin
Simon Mulquin

Reputation: 156

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.

Upvotes: 1

D Lowther
D Lowther

Reputation: 1619

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);

Upvotes: 2

Related Questions