将两个json / javascript数组合并为一个数组

我有两个像

var json1 = [{id:1, name: 'xxx' ...}]
var json2 = [{id:2, name: 'xyz' ...}]

我希望它们合并成单个数组

var finalObj = [{id:1, name: 'xxx' ...},{id:2, name: 'xyz' ...}]

您需要该concat方法。

var finalObj = json1.concat(json2);

首次出现时，单词“ merg”使您认为您需要使用.extend，这是“合并” JSON对象的正确jQuery方法。但是，这$.extend(true, {}, json1, json2);将导致共享相同键名的所有值被参数中提供的最新值覆盖。正如您对问题的评论所示，这是不希望的。

您想要的是一个简单的JavaScript函数，称为.concat。像这样工作：

var finalObj = json1.concat(json2);

虽然这不是jQuery的本机功能，但您可以轻松地将其添加到jQuery库中，以供将来简单使用，如下所示：

;(function($) {
    if (!$.concat) {
        $.extend({
            concat: function() {
                return Array.prototype.concat.apply([], arguments);
            }
        });
    }
})(jQuery);

然后根据需要调用它，例如：

var finalObj = $.concat(json1, json2);

您还可以将其用于类似这种类型的多个数组对象：

var finalObj = $.concat(json1, json2, json3, json4, json5, ....);

而且，如果您真的想要jQuery样式，而且又简短又甜美（又名小巧）

;(function(a){a.concat||a.extend({concat:function(){return Array.prototype.concat.apply([],arguments);}})})(jQuery);

;(function($){$.concat||$.extend({concat:function(){return Array.prototype.concat.apply([],arguments);}})})(jQuery);

$(function() {
    var json1 = [{id:1, name: 'xxx'}],
        json2 = [{id:2, name: 'xyz'}],
        json3 = [{id:3, name: 'xyy'}],
        json4 = [{id:4, name: 'xzy'}],
        json5 = [{id:5, name: 'zxy'}];
    
    console.log(Array(10).join('-')+'(json1, json2, json3)'+Array(10).join('-'));
    console.log($.concat(json1, json2, json3));
    console.log(Array(10).join('-')+'(json1, json2, json3, json4, json5)'+Array(10).join('-'));
    console.log($.concat(json1, json2, json3, json4, json5));
    console.log(Array(10).join('-')+'(json4, json1, json2, json5)'+Array(10).join('-'));
    console.log($.concat(json4, json1, json2, json5));
});

center { padding: 3em; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<center>See Console Log</center>

jsFiddle

您可以尝试合并

var finalObj = $.merge(json1, json2);

由于您使用的是jQuery。jQuery.extend（）方法怎么样？

http://api.jquery.com/jQuery.extend/

说明：将两个或更多对象的内容合并到第一个对象中。

您可以使用Es 6的新功能来做到这一点：

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' } ]

或者，您可以在两个json数组之间放置额外的字符串或其他内容：

var json3 = [...json1 ,"test", ...json2];

// output should like this : [ { id: 1, name: 'xxx', ocupation: 'Doctor' },
  'test',
  { id: 2, name: 'xyz', ocupation: 'SE' } ]

也许您可以使用javascript的数组语法：

var finalObj =[json1 , json2]

您可以使用Lodash _.merge函数来实现。

var json1 = [{id:1, name: 'xxx'}];
var json2 = [{id:2, name: 'xyz'}];
var merged = _.merge(_.keyBy(json1, 'id'), _.keyBy(json2, 'id'));
var finalObj = _.values(merged);

console.log(finalObj);

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script>

如果使用es6，则可以使用新的js传播运算符：

var json1 = [{id:1, name: 'xxx'}]
var json2 = [{id:2, name: 'xyz'}]
var finalObj = [...json1, ...json2]

console.log(finalObj)

使用jQuery扩展方法尝试以下代码：

var json1 = {"name":"ramesh","age":"12"};

var json2 = {"member":"true"};

document.write(JSON.stringify($.extend(true,{},json1,json2)))

var json1=["Chennai","Bangalore"];
var json2=["TamilNadu","Karanataka"];

finaljson=json1.concat(json2);