Merge two objects with ES6 [duplicate]

Question

I'm sure this question has been asked before but I can't quite find the answer I'm looking for, so here goes:

I have two objects, as follows:

const response = {   lat: -51.3303,   lng: 0.39440 }  let item = {   id: 'qwenhee-9763ae-lenfya',   address: '14-22 Elder St, London, E1 6BT, UK' } 

I need to merge these together to form this:

item = {   id: 'qwenhee-9763ae-lenfya',   address: '14-22 Elder St, London, E1 6BT, UK',   location: {     lat: -51.3303,     lng: 0.39440   } } 

I know I could do it like this:

item.location = {} item.location.lat = response.lat item.location.lng = response.lng 

However, I feel that this is not the best way to do it anymore, because ES6 introduced the cool destructuring/assignment stuff; I tried deep object merging but it's unfortunately not supported :( I also looked through some ramda functions but couldn't see anything that was applicable.

So what is the best way to merge these two objects using ES6?

Answer 1

You can use Object.assign() to merge them into a new object:

const response = {    lat: -51.3303,    lng: 0.39440  }    const item = {    id: 'qwenhee-9763ae-lenfya',    address: '14-22 Elder St, London, E1 6BT, UK'  }    const newItem = Object.assign({}, item, { location: response });    console.log(newItem );

You can also use object spread, which is a Stage 4 proposal for ECMAScript:

const response = {    lat: -51.3303,    lng: 0.39440  }    const item = {    id: 'qwenhee-9763ae-lenfya',    address: '14-22 Elder St, London, E1 6BT, UK'  }    const newItem = { ...item, location: response }; // or { ...response } if you want to clone response as well    console.log(newItem );