jQuery の extend メソッドを利用することで、複数のオブジェクトを結合することができます。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="https://code.jquery.com/jquery-3.4.1.js"></script> </head> <body> <script> obj1 = { prop1: 'text 1', prop2: 'text 2', complex: { childProp1: 'child 1', childProp2: 'child 2' } } obj2 = { prop3: 'ttt', prop4: 'xxx' } obj3 = { prop5: 'yyy', prop6: 'zzz', complex: { childProp1: 'child 1x', childProp3: 'child 3x' } } var result = $.extend(true, {}, obj1, obj2, obj3); console.log(obj1, obj2, result); </script> </body> </html>