Tengo los siguientes objetos como

obj1 = { key1: { a: 1}}

Quiero fusionar el siguiente objeto con el anterior

key1 = { b: 2}

Quiero obtener el siguiente resultado fusionando key1 con la clave existente en el primer objeto.

{key1: {a: 1, b: 2}} 

¿Cómo puedo hacer esto usando el operador spread en javascript? Gracias por adelantado.

3
Hareesh 10 may. 2019 a las 14:12

5 respuestas

La mejor respuesta

Puede extender tanto el objeto existente como el nuevo.

Nota: el uso del operador de propagación solo fusionará las propiedades enumerables.

const obj1 = { key1: { a: 1}}
const key1 = { b: 2};
const res = {...obj1,key1:{...obj1.key1,...key1}};
console.log(res)

Si desea modificar el objeto original, solo cambie obj.key1

const obj1 = { key1: { a: 1}}
const key1 = { b: 2};
obj1.key1 = {...obj1.key1,...key1}
console.log(obj1)
3
Maheer Ali 10 may. 2019 a las 11:22

Prueba esto:

let obj1 = { key1: { a: 1}}

let b = { b: 2}
let a = obj1.key1; //{a:1}

// merge using spread operator
let key1 = {...a, ...b}; //{a:1, b:2}

obj1.key1 = key1; //{"a":1,"b":2"}

console.log(obj1) //{ "key1":{"a":1,"b":2"}}
0
chatnoir 10 may. 2019 a las 11:24

Deberías usar Object.assign

var obj1 = { key1: { a: 1}};
var key1 = { b: 2};

Object.assign(obj1.key1, key1);

console.log(obj1)
0
user11415482user11415482 10 may. 2019 a las 11:18

Simplemente use el operador de propagación de la siguiente manera:

let obj1 = {
  key1: {
    a: 1
  }
};

let key1 = {
  b: 2
};

obj1.key1 = { ...obj1.key1, ...key1 };
console.log(obj1);
.as-console-wrapper { max-height: 100% !important; top: auto; }
1
Jack Bashford 10 may. 2019 a las 11:15

Podrías colocarlo en la propiedad deseada.

var obj1 = { key1: { a: 1 } },
    key1 = { b: 2 };
    
obj1.key1 = { ...obj1.key1, ...key1 };

console.log(obj1);
0
Nina Scholz 10 may. 2019 a las 11:18