Javascript concat values of arrays with same keys

Question

I am trying to merge below objects:

var permission = { 
  'id': '94cabc1f-d4d3-430d-b41d-ebfb1bd94f27',
  'user_id': '7aaac6d2-7316-4e3a-a53f-81b4aa0a14a1',
  'permissions': { 
        devices: [ 'read' ], 
        reports: [ 'read' ] 
    }
}

var newPermission = { 
  devices: [ 'update' ]
}

My result should look like below:

{ 
  'id': '94cabc1f-d4d3-430d-b41d-ebfb1bd94f27',
  'user_id': '7aaac6d2-7316-4e3a-a53f-81b4aa0a14a1',
  'permissions': { 
        devices: [ 'read','update' ], 
        reports: [ 'read' ] 
    }
}

I have used Object.assign and it's not appending to permissions, is there a way to accomplish this. I am new to ES6.

Does this answer your question? Merge javascript objects in array with same key — mgm793
– mgm793, Commented Jul 20, 2020 at 7:28

Sivakumar Tadisetti · Accepted Answer · 2020-07-20 07:54:43Z

1

var permission = { 
  'id': '94cabc1f-d4d3-430d-b41d-ebfb1bd94f27',
  'user_id': '7aaac6d2-7316-4e3a-a53f-81b4aa0a14a1',
  'permissions': { 
        devices: [ 'read' ], 
        reports: [ 'read' ] 
    }
}

var newPermission = { 
  devices: [ 'update' ],
  reports: [ 'write' ] 
}


var result = Object.fromEntries(
  Object.entries(permission.permissions).map(([key, value]) => {
    if (Object.keys(newPermission).includes(key)) {
      value.push(...newPermission[key]);
    }
    return [key, value];
  })
);

permission.permissions = result;

console.log(permission);

answered Jul 20, 2020 at 7:54

Sivakumar Tadisetti

5,0617 gold badges39 silver badges62 bronze badges

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

Comments

ABGR · Accepted Answer · 2020-07-20 07:39:09Z

1

You can do something like this:

var permission = { 
  'id': '94cabc1f-d4d3-430d-b41d-ebfb1bd94f27',
  'user_id': '7aaac6d2-7316-4e3a-a53f-81b4aa0a14a1',
  'permissions': { 
        devices: [ 'read' ], 
        reports: [ 'read' ] 
    }
}

var newPermission = { 
  devices: [ 'update' ]
}

var permissions = permission['permissions'];

for(var key in permissions){
 for(var key2 in newPermission){
   if(key === key2){
    permissions[key] = [...permissions[key], ...newPermission[key]]
   }
 }
}
console.log(permission)

answered Jul 20, 2020 at 7:39

ABGR

5,2634 gold badges34 silver badges56 bronze badges

Comments

Sven.hig · Accepted Answer · 2020-07-20 07:58:27Z

1

If you want to avoid using nested loops here is a different approach using Map

 var permission = { 'id': '94cabc1f-d4d3-430d-b41d-ebfb1bd94f27', 'user_id': '7aaac6d2-7316-4e3a-a53f-81b4aa0a14a1', 'permissions': { devices: [ 'read' ], reports: [ 'read' ] } }     
    var newPermission = { 
      devices: [ 'update' ]
    }
    map=new Map()
    Object.entries(permission.permissions).map(o=>map.set(o[0],o[1]))
         for(let key in newPermission){
          upd = map.get(key)
           if(upd) upd.push(...newPermission[key])
         }
    
    console.log(permission)

answered Jul 20, 2020 at 7:58

Sven.hig

4,5292 gold badges10 silver badges18 bronze badges

Comments

AlexAV-dev · Accepted Answer · 2020-07-20 08:03:50Z

1

I used spread operators, it is like Object.assign(). You can read about this here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

const permission = { 
  'id': '94cabc1f-d4d3-430d-b41d-ebfb1bd94f27',
  'user_id': '7aaac6d2-7316-4e3a-a53f-81b4aa0a14a1',
  'permissions': { devices: [ 'read' ], reports: [ 'read' ] }
}

const newPermission = { 
  devices: [ 'update' ]
}

const result = {
  ...permission, // Here we copy the main object permission
  permissions: { // Change the field permissions
    ...permission.permissions, // Copy permissions that do not delete reports and other fields
    devices: [ // Merge two arrays
      ...permission.permissions.devices,
      ...newPermission.devices
    ]
  }
}

console.log(result)

edited Jul 20, 2020 at 8:03

answered Jul 20, 2020 at 7:41

AlexAV-dev

1,1756 silver badges14 bronze badges

Comments

Rajneesh · Accepted Answer · 2020-07-20 08:05:59Z

0

How about taking entries of Object and then using reduce to group them. Something like this:

var permission = { 
  'id': '94cabc1f-d4d3-430d-b41d-ebfb1bd94f27',
  'user_id': '7aaac6d2-7316-4e3a-a53f-81b4aa0a14a1',
  'permissions': { 
        devices: [ 'read' ], 
        reports: [ 'read' ] 
    }
};

var newPermission = { 
  devices: [ 'update' ],
  reports:['delete']
};

permission.permissions = Object.entries(newPermission).reduce((a, [key, arr])=>{
    a[key] = [...arr, ...permission.permissions[key]] ;
    return a;
},{});

console.log(permission)

edited Jul 20, 2020 at 8:05

answered Jul 20, 2020 at 7:39

Rajneesh

5,3181 gold badge10 silver badges20 bronze badges

Comments

micronyks · Accepted Answer · 2020-07-20 07:40:52Z

-1

var permission = { 'id': '94cabc1f-d4d3-430d-b41d-ebfb1bd94f27', 'user_id': '7aaac6d2-7316-4e3a-a53f-81b4aa0a14a1', 'permissions': { devices: [ 'read' ], reports: [ 'read' ] }};

var newPermission = { devices: [ 'update' ]};

// if you have more number of items in newPermission array like ['update', 'update1', 'update2'], below logic will add all of them after `read`.

newPermission.devices.forEach((item)=>{
   permission.permissions.devices.push(item);
})

console.log(permission);

edited Jul 20, 2020 at 7:40

answered Jul 20, 2020 at 7:33

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

Collectives™ on Stack Overflow

Javascript concat values of arrays with same keys

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related