通过删除重复的Javascript Jquery合并两个对象数组

Question

如何合并两个没有两个元素相同键'id'的对象数组？

var array1 = [{id:"1", expected:"aaa", actual:"xxx"}, {id:"2", expected:"bbb", actual:"yyy"}];
var array2 = [{id:"1", expected:"kkk", actual:"xxx"}, {id:"4", expected:"ccc", actual:"zzz"}];

结果数组应该是，

var array3 = [{id:"1", expected:"kkk", actual:"xxx"}, , {id:"2", expected:"bbb", actual:"yyy"}, {id:"4", expected:"ccc", actual:"zzz"}];

id为“1”的元素应该从array2中添加。

Answer 1

试试这个..... 先合并，再删除重复的

$.merge(array1, array2);

var existingIDs = [];
array1 = $.grep(array1, function(v) {
    if ($.inArray(v.id, existingIDs) !== -1) {
        return false;
    }
    else {
        existingIDs.push(v.id);
        return true;
    }
});