How to merge two JSON data in javascript / JQUERY

Question

I want to merge two JSON data using Javascript or Jquery.

var object1 = [{
    "id": 11,
    "name": "Vasanth",
    "username": "Vasanth.Rajendran",
    "email": "[email protected]",
    "address": {
      "street": "Nungampakkam",
      "suite": "No154",
      "city": "Chennai",
      "zipcode": "31428-2261",
      "geo": {
        "lat": "-38.2386",
        "lng": "57.2232"
      }
    },
    "phone": "024-648-3804",
    "website": "google.net",
    "company": {
      "name": "Test",
      "catchPhrase": "Centralized empowering task-force",
      "bs": "target end-to-end models"
    }
  }];

var object2 = [{
    "id": 2,
    "name": "Raju",
    "username": "Raju.Rajendran",
    "email": "[email protected]",
    "address": {
      "street": "Nungampakkam",
      "suite": "No154",
      "city": "Chennai",
      "zipcode": "31428-2261",
      "geo": {
        "lat": "-38.2386",
        "lng": "57.2232"
      }
    },
    "phone": "024-648-3804",
    "website": "google.net",
    "company": {
      "name": "Test",
      "catchPhrase": "Centralized empowering task-force",
      "bs": "target end-to-end models"
    }
  }];

example result:

[
  {
    "id": 1,
    "name": "Leanne Graham",
    "username": "Bret",
    "email": "[email protected]",
    "address": {
      "street": "Kulas Light",
      "suite": "Apt. 556",
      "city": "Gwenborough",
      "zipcode": "92998-3874",
      "geo": {
        "lat": "-37.3159",
        "lng": "81.1496"
      }
    },
    "phone": "1-770-736-8031 x56442",
    "website": "hildegard.org",
    "company": {
      "name": "Romaguera-Crona",
      "catchPhrase": "Multi-layered client-server neural-net",
      "bs": "harness real-time e-markets"
    }
  },
  {
    "id": 2,
    "name": "Ervin Howell",
    "username": "Antonette",
    "email": "[email protected]",
    "address": {
      "street": "Victor Plains",
      "suite": "Suite 879",
      "city": "Wisokyburgh",
      "zipcode": "90566-7771",
      "geo": {
        "lat": "-43.9509",
        "lng": "-34.4618"
      }
    },
    "phone": "010-692-6593 x09125",
    "website": "anastasia.net",
    "company": {
      "name": "Deckow-Crist",
      "catchPhrase": "Proactive didactic contingency",
      "bs": "synergize scalable supply-chains"
    }
  }];

Hi Thank you for you reply. I tried like below script am getting [object, Object],[object, Object] message. <script> var object1 = [{ "id": 1, "name": "Vasanth", "username": "Vasanth.Rajendran", "email": "[email protected]" }]; var object2 = [{ "id": 2, "name": "Raju", "username": "Raju.Rajendran", "email": "[email protected]" }]; var newObj = object1.concat(object2); alert(newObj); </script — rrvasanth
– rrvasanth, Commented Apr 25, 2015 at 8:22

Barmar · Accepted Answer · 2015-04-25 08:28:13Z

3

object1 and object2 are arrays. You can use the concat method to concatenate arrays.

newObj = object1.concat(object2);

var object1 = [{
    "id": 11,
    "name": "Vasanth",
    "username": "Vasanth.Rajendran",
    "email": "[email protected]",
    "address": {
      "street": "Nungampakkam",
      "suite": "No154",
      "city": "Chennai",
      "zipcode": "31428-2261",
      "geo": {
        "lat": "-38.2386",
        "lng": "57.2232"
      }
    },
    "phone": "024-648-3804",
    "website": "google.net",
    "company": {
      "name": "Test",
      "catchPhrase": "Centralized empowering task-force",
      "bs": "target end-to-end models"
    }
  }];

var object2 = [{
    "id": 2,
    "name": "Raju",
    "username": "Raju.Rajendran",
    "email": "[email protected]",
    "address": {
      "street": "Nungampakkam",
      "suite": "No154",
      "city": "Chennai",
      "zipcode": "31428-2261",
      "geo": {
        "lat": "-38.2386",
        "lng": "57.2232"
      }
    },
    "phone": "024-648-3804",
    "website": "google.net",
    "company": {
      "name": "Test",
      "catchPhrase": "Centralized empowering task-force",
      "bs": "target end-to-end models"
    }
  }];

var newObject = object1.concat(object2);
console.log(newObject);

edited Apr 25, 2015 at 8:28

answered Apr 25, 2015 at 7:57

Barmar

789k57 gold badges554 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

rrvasanth Over a year ago

Hi Thank you for you reply. I tried like below script am getting [object, Object],[object, Object] message. <script> var object1 = [{ "id": 1, "name": "Vasanth", "username": "Vasanth.Rajendran", "email": "[email protected]" }]; var object2 = [{ "id": 2, "name": "Raju", "username": "Raju.Rajendran", "email": "[email protected]" }]; var newObj = object1.concat(object2); alert(newObj); </script

Barmar Over a year ago

That's what you should get. You started with two arrays that each have one object in them. The result is one array with two objects in it.

Barmar Over a year ago

alert() won't show the contents of an object. Use console.log().

Barmar Over a year ago

Or alert(JSON.stringify(newObj)).

Satpal · Accepted Answer · 2015-04-25 08:10:21Z

2

Try this:

var newObj = [object1[0], object2[0]];

OR

var newObj = object1.concat(object2);

concat creates a new array consisting of the elements in the object on which it is called, followed in order by, for each argument, the elements of that argument (if the argument is an array) or the argument itself (if the argument is not an array).

Reference: Array.prototype.concat()

edited Apr 25, 2015 at 8:10

Satpal

134k13 gold badges168 silver badges171 bronze badges

answered Apr 25, 2015 at 7:55

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

2 Comments

rrvasanth Over a year ago

Hi Thank you for you reply. I tried like below script am getting [object, Object],[object, Object] message. <script> var object1 = [{ "id": 1, "name": "Vasanth", "username": "Vasanth.Rajendran", "email": "[email protected]" }]; var object2 = [{ "id": 2, "name": "Raju", "username": "Raju.Rajendran", "email": "[email protected]" }]; var newObj = object1.concat(object2); alert(newObj); </script

Tushar Over a year ago

Use console.log(newObj); instead of alert, you will get the object you wanted

Community · Accepted Answer · 2017-05-23 12:06:22Z

0

They are arrays as I can see. You can do:

var object3 = object1.concat(object2);

    //you can access your objects like this: object3[0] and object3[1]
    //Or in for loop
   for (i=0; i<object3.length; i++) {
       console.log(object3[i]);
   }

Otherwise for objects you can check How can I merge properties of two JavaScript objects dynamically?

For reference:

var array = [] // this is array
var theObject = {} // json object

if you want to merge them into one object try:

jQuery.extend(object1[0], object2[2]);

But if you do like this all your properties will be replaced, because they are the same. That is why the above method is best for your case

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Apr 25, 2015 at 7:59

Said Kholov

2,4961 gold badge18 silver badges22 bronze badges

3 Comments

rrvasanth Over a year ago

Hi Thank you for you reply. I tried like below script am getting [object, Object],[object, Object] message. <script> var object1 = [{ "id": 1, "name": "Vasanth", "username": "Vasanth.Rajendran", "email": "[email protected]" }]; var object2 = [{ "id": 2, "name": "Raju", "username": "Raju.Rajendran", "email": "[email protected]" }]; var newObj = object1.concat(object2); alert(newObj); </script

Said Kholov Over a year ago

use console.log(newObj); It's an array of two objects. You can access them newObj[0] and newObj[1] @rrvasanth

Said Kholov Over a year ago

check out edits, I gave you maximum infromation I could @rrvasanth

Collectives™ on Stack Overflow

How to merge two JSON data in javascript / JQUERY

3 Answers 3

4 Comments

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related