How can i combine two json values using jquery?

Question

I have two JSON Objects like this:

First one:

[{
    "id": 5001,
    "count": "0",
    "type": "None"
},
{
    "id": 5002,
    "count": "0",
    "type": "Glazed"
},
{
    "id": 5005,
    "count": "0",
    "type": "Sugar"
},
{
    "id": 5003,
    "count": "0",
    "type": "Chocolate"
},
{
    "id": 5004,
    "count": "0",
    "type": "Maple"
},
{
    "id": 5009,
    "count": "0",
    "type": "Juice"
}]

Second one:

[{
    "id": 5001,
    "count": "1"
},
{
    "id": 5002,
    "count": "10"
},
{
    "id": 5005,
    "count": "20"
},
{
    "id": 5003,
    "count": "70"
},
{
    "id": 5004,
    "count": "50"
},
{
    "id": 5009,
    "count": "0"
}]

How can I combine these two JSON Objects like:

[{
    "id": 5001,
    "count": "1",
    "type": "None"
},
{
    "id": 5002,
    "count": "10",
    "type": "Glazed"
},
{
    "id": 5005,
    "count": "20",
    "type": "Sugar"
},
{
    "id": 5003,
    "count": "70",
    "type": "Chocolate"
},
{
    "id": 5004,
    "count": "50",
    "type": "Maple"
},
{
    "id": 5009,
    "count": "0",
    "type": "Juice"
}]

Please help me, Thanks in advance.

score 1 · Answer 1 · edited May 23 '17 at 11:57

1

Since JSON data is an array, you can use the standard array function .push():

data.push(data1);

Fiddle:

var data = [{"id": 1, "name": "Praveen"}, {"id": 2, "name": "Kumar"}];
var newD = [{"id": 3, "name": "StackOverflow"}];
data.push(newD[0]);

You can check out the contents of data, by using a console.log(data).

Or you can also use extend:

var object = $.extend({}, object1, object2);

by passing an empty object as the target(first) argument you can preserve both the objects if however you want to merge the second object you can do it like

$.extend(object1, object2);

Fiddle: http://jsfiddle.net/praveenscience/gyysg5zm/

Reference: Merge two json objects with jquery.

edited May 23 '17 at 11:57

Community

1
1

answered Oct 27 '14 at 14:24

Praveen Kumar Purushothaman

164,888
24
203
252

JSON data is actually string. It only becomes array when converted – charlietfl Oct 27 '14 at 14:31
@charlietfl Yup, the OP can use `JSON.parse()` to convert it. Better right?\ – Praveen Kumar Purushothaman Oct 27 '14 at 14:33
it's just the definition thing... so many people getting confused these days when they see arrays or objects and calling them JSON and vice versa – charlietfl Oct 27 '14 at 14:37

score 0 · Answer 2 · edited May 23 '17 at 12:20

0

You can try this:

function merge_options(obj1,obj2){
    var obj3 = {};
    for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
    for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
    return obj3;
}

from: How can I merge properties of two JavaScript objects dynamically?

and customize for your needs, for example to overwrite lower count.

edited May 23 '17 at 12:20

Community

1
1

answered Oct 27 '14 at 14:25

mdargacz

1,267
18
32

How can i combine two json values using jquery?

2 Answers2

Fiddle:

Fiddle: http://jsfiddle.net/praveenscience/gyysg5zm/