Object manipulation javascript, add value of object to an array of object

Question

An example will speak for itself :

Array of Object :

[{ 
    userId: 'ab4e3870-287e-11e7-b5a1-abb6183e9866',
    email: '[email protected]' 
},{ 
    userId: 'ae149220-2883-11e7-bbf9-1fb134f2b4ad',
    email: '[email protected]' 
}]

Object

{ 
    'ab4e3870-287e-11e7-b5a1-abb6183e9866': { name: 'john', roles: 'detective'},
    'ae149220-2883-11e7-bbf9-1fb134f2b4ad': { name: 'james', roles: 'plumber'}, 
}

The result i'd like would be :

[{ 
    userId: 'ab4e3870-287e-11e7-b5a1-abb6183e9866',
    email: '[email protected]',
    name: 'john', 
    roles: 'detective' 
},{ 
    userId: 'ae149220-2883-11e7-bbf9-1fb134f2b4ad',
    email: '[email protected]',
    name: 'james', 
    roles: 'plumber' 
}]

So basically, the value of the key that match the userId in Object is added to that object in the array.

Is there some simple way I don't see to do that? Without external libraries in ES6?

Of course, just iterate through the array and the object keys and check whether the array object has a userId equal to the other object's key — Isaac
– Isaac, Commented Apr 24, 2017 at 1:58

Zohaib Ijaz · Accepted Answer · 2017-04-24 02:00:40Z

1

var data = [{ 
    userId: 'ab4e3870-287e-11e7-b5a1-abb6183e9866',
    email: '[email protected]' 
},{ 
    userId: 'ae149220-2883-11e7-bbf9-1fb134f2b4ad',
    email: '[email protected]' 
}]

var d = { 
    'ab4e3870-287e-11e7-b5a1-abb6183e9866': { name: 'john', roles: 'detective'},
    'ae149220-2883-11e7-bbf9-1fb134f2b4ad': { name: 'james', roles: 'plumber'}, 
};

Using ES6 spread operator `...`

data = data.map(function(item) {
  return {...item, ...d[item.userId]}
});

ES5: By adding properties manually

data = data.map(function(item) {
  item.name = d[item.userId].name;
  item.roles = d[item.userId].roles;
  return item;
});

answered Apr 24, 2017 at 2:00

Zohaib Ijaz

23k7 gold badges43 silver badges63 bronze badges

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

Collectives™ on Stack Overflow

Object manipulation javascript, add value of object to an array of object

1 Answer 1

Using ES6 spread operator `...`

ES5: By adding properties manually

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Using ES6 spread operator ...

ES5: By adding properties manually

Comments

Your Answer

Sign up or log in

Post as a guest

Related

Using ES6 spread operator `...`