Merge two json javascript arrays in to one array

Question

I have two json arrays like  var json1     id 1  name   xxx        var json2     id 2  name   xyz          I want them merge in to single arrays  var finalObj     id 1  name   xxx        id 2  name   xyz

User · Answer

You can use the new js spread operator if using es6:

_x000D_

var json1 = [{id:1, name: 'xxx'}]_x000D_
var json2 = [{id:2, name: 'xyz'}]_x000D_
var finalObj = [...json1, ...json2]_x000D_
_x000D_
console.log(finalObj)

_x000D_

User · Answer

var json1   Chennai   Bangalore    var json2   TamilNadu   Karanataka     finaljson json1 concat json2

User · Answer

Try the code below  using jQuery extend method   var json1     name   ramesh   age   12     var json2     member   true     document write JSON stringify   extend true    json1 json2

User · Answer

Since you are using jQuery   How about the jQuery extend   method   http   api jquery com jQuery extend      Description  Merge the contents of two or more objects together into the first object

User · Answer

You can do this using Es 6 new feature    var json1     id 1  name   xxx    ocupation    Doctor       var json2     id 2  name   xyz   ocupation    SE      var combineJsonArray       json1      json2      output should like this     id  1  name   xxx   ocupation   Doctor         id  2  name   xyz   ocupation   SE        Or You can put extra string or anything between two json array    var json3       json1   test      json2       output should like this       id  1  name   xxx   ocupation   Doctor        test       id  2  name   xyz   ocupation   SE

User · Answer

Upon first appearance  the word  merg  leads one to think you need to use  extend  which is the proper jQuery way to  merge  JSON objects   However    extend true      json1  json2   will cause all values sharing the same key name to be overridden by the latest supplied in the params   As review of your question shows  this is undesired   What you seek is a simple javascript function known as  concat   Which would work like   var finalObj   json1 concat json2     While this is not a native jQuery function  you could easily add it to the jQuery library for simple future use as follows     function          if     concat              extend               concat  function                     return Array prototype concat apply     arguments                                      jQuery     And then recall it as desired like   var finalObj     concat json1  json2     You can also use it for multiple array objects of this type with a like   var finalObj     concat json1  json2  json3  json4  json5           And if you really want it jQuery style and very short and sweet  aka minified     function a  a concat  a extend  concat function   return Array prototype concat apply    arguments        jQuery      x000D   x000D    function      concat    extend  concat function   return Array prototype concat apply    arguments        jQuery   x000D   x000D    function     x000D      var json1     id 1  name   xxx     x000D          json2     id 2  name   xyz     x000D          json3     id 3  name   xyy     x000D          json4     id 4  name   xzy     x000D          json5     id 5  name   zxy     x000D       x000D      console log Array 10  join  -     json1  json2  json3   Array 10  join  -     x000D      console log   concat json1  json2  json3    x000D      console log Array 10  join  -     json1  json2  json3  json4  json5   Array 10  join  -     x000D      console log   concat json1  json2  json3  json4  json5    x000D      console log Array 10  join  -     json4  json1  json2  json5   Array 10  join  -     x000D      console log   concat json4  json1  json2  json5    x000D      x000D  center   padding  3em    x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 9 1 jquery min js  gt  lt  script gt  x000D   lt center gt See Console Log lt  center gt  x000D   x000D   x000D    jsFiddle

User · Answer

You can achieve this using Lodash   merge function    x000D   x000D  var json1     id 1  name   xxx     x000D  var json2     id 2  name   xyz     x000D  var merged     merge   keyBy json1   id      keyBy json2   id     x000D  var finalObj     values merged   x000D   x000D  console log finalObj   x000D   lt script src  https   cdn jsdelivr net npm lodash 4 17 10 lodash min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

You could try merge  var finalObj     merge json1  json2

User · Answer

Maybe  you can use the array syntax of javascript     var finalObj   json1   json2

User · Answer

You want the concat method   var finalObj   json1 concat json2

[javascript] Merge two json/javascript arrays in to one array

Examples related to javascript

Examples related to jquery

Examples related to json