Объедините два объекта в один

Question

В javascript я хотел бы объединить два объекта в один. Я получил

{ 
    test: false, 
    test2: false 
} 

и

{ 
    test2: true 
} 

Я пытался использовать $.extend, $.merge, но все это я получаю как выход

{ 
    test2: true 
} 

Как получить такой вывод

{ 
    test: false, 
    test2: true 
} 

EDI T: На самом деле у меня есть вложенные объекты. Что мне нужно, чтобы объединить a и b следующим образом:

var a = { test: false, test2: { test3: false, test4: false } }; 
var b = { test2: { test4: true } }; 
// desired combined result: 
{ test: false, test2: { test3: false, test4: true } } 

но фактический результат я получаю удаляет test3 от вложенного test2 объекта.

Answer 1

var a = { 
    test: false, 
    test2: false 
}; 

var b = { 
    test2: true 
}; 

var c = $.extend(a, b); 

Это перезапишет все свойства на объекте a с результатом:

{ 
    test: false, 
    test2: true 
} 

Если вы хотите новый, свежий объект вызова .extend так:

var c = $.extend({}, a, b); 

Это будет делать такая же работа, но она оставляет объект a нетронутым и создает новый объект. См http://api.jquery.com/jQuery.extend/

---

обновления

В вашем комментарии вы обновили структуры объектов. Ну, что вам нужно, так называется «глубокий клон». Это просто еще один параметр для $.extend() вызова, например, так:

var c = $.extend(true, a, b); // a gets overwritten 
var c = $.extend(true, {}, a, b); // new object is created 

Answer 2

Вы можете использовать Object.assign скопировать значения всех перечислимых собственных свойств из одного или нескольких объектов источника к целевому объекту.

Я использовал его в этом многоразовом object-merge component, который объединяет несколько объектов в один, не изменяя их.

Пример:

const o1 = { a: 1 }; 
const o2 = { b: 2 }; 
const o3 = { c: 3 }; 

const obj = merge(o1, o2, o3); 
console.log(obj); // { a: 1, b: 2, c: 3 } 
console.log(o1); // { a: 1 } does not mutate objects