javascript - open - Combinar dos objetos con ES6

graficas javascript open source

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Cómo combino dos objetos javascript juntos en ES6 +? 6 respuestas

Estoy seguro de que esta pregunta ya se ha hecho antes, pero no puedo encontrar la respuesta que estoy buscando, así que aquí va:

Tengo dos objetos, como sigue:

const response = {
  lat: -51.3303,
  lng: 0.39440
}

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

Necesito fusionar estos juntos para formar esto:

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

Sé que podría hacerlo así:

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

Sin embargo, siento que esta ya no es la mejor manera de hacerlo, porque ES6 introdujo el material genial de desestructuración / asignación; Intenté la fusión profunda de objetos, pero desafortunadamente no es compatible :( También examiné algunas funciones de ramda pero no pude ver nada aplicable.

Entonces, ¿cuál es la mejor manera de fusionar estos dos objetos con ES6?

Answer 1

Otro enfoque es:

let result = { ...item, location : { ...response } }

Pero la propagación de objetos aún no está estandarizada .

También puede ser útil: https://.com/a/32926019/5341953

Answer 2

Puede usar Object.assign() para fusionarlos en un nuevo objeto:

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

También puede usar la distribución de objetos , que es una propuesta de Etapa 4 para 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 );