Combine json arrays by key, javascript

Question

I need to combine two json arrays, delivered by two rest services. The entries with the same "id" belong together.

json1 = [{id:1,name:'aaa'},      {id:5,name:'ccc'},      {id:3,name:'bbb'}    ];   json2 = [{id:3,parameter1:'x', parameter2:'y', parameter3:'z'},      {id:1,parameter1:'u', parameter2:'v', parameter3:'w'},      {id:5,parameter1:'q', parameter2:'w', parameter3:'e'}     ]; 

I need a combined/copied/cloned json array in javascript in the following way (my model in angular2):

json3 = [{id:3,name:'bbb',parameter1:'x', parameter2:'y',   parameter3:'z'},      {id:1,name:'aaa', parameter1:'u', parameter2:'v', parameter3:'w'},      {id:5,name:'ccc', parameter1:'q', parameter2:'w', parameter3:'e'}     ]; 

Is there a way to combine them? The parameter names are not defined exactly and it needs to work with variable parameter vectors.

I tried it with mixed for each loops. Seems to me very ugly.

Answer 1

Two one-liners:

with lodash:

res = _(json1).concat(json2).groupBy('id').map(_.spread(_.assign)).value(); 

in ES2015:

res = json2.map(x => Object.assign(x, json1.find(y => y.id == x.id)));