如何合并两个json对象以获得一个json对象？

Question

I am trying to merge/combine two json objects to get one final json object(merged object). I have tried the fiddle , but I am getting like: [object Object] if I use $.extend and Uncaught TypeError: testjson1.concat is not a function error if I use cancat. Please help me how can I get my required json object either using javascript or jquery or angularJS ?

Answer 1

You might want to convert the JSONs into javascript objects, then perform the merging like so and convert back to JSON.

How can I merge properties of two JavaScript objects dynamically?

Basically iterate over the keys and assign them.

var obj1 = JSON.parse(testjson1),
    obj2 = JSON.parse(testjson2)

for (var attrname in obj2) { obj1[attrname] = obj2[attrname] }

var finaljsonresult = JSON.stringify(obj1)

But this is just a sneak peak, you might want to see the linked answer for more information.

Answer 2

Since this question is tagged with AngularJS , why not convert the JSONs to JavaScript objects using angular.fromJson and then merge them with angular.merge ?

Unlike angular.extend , angular.merge recursively descends into object properties of source objects, performing a deep copy .

Answer 3

 var obj1 = { 'a': 'aa', 'b': 'bb', 'c': 'cc' }, obj2 = { 'a': 'aa', 'd': 'dd', 'e': 'ee' }; for (var key in obj2) { obj1[key] = obj2[key] } var res = JSON.stringify(obj1); alert(res); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 4

The Extend keyword in jquery making stringify:
  var object1 = { 
                 apple: 0, 
                banana: { weight: 52, price: 100 }, 
                cherry: 97 
                };
        var object2 = {
                         banana: { price: 200 },
                         durian: 100};
        var ss = $.extend(object1, object2);
        alert(JSON.stringify(ss));