Merging two object arrays by removing duplicates Javascript Jquery

Question

How to merge two object arrays with no two elements with same key '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"}];

And the result array should be,

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

The element with id "1" should be added from array2.

amrit sandhu · Accepted Answer · 2016-04-06 06:54:51Z

1

Try this..... First merge them , then remove duplicate

$.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;
    }
});

answered Apr 6, 2016 at 6:54

amrit sandhu

1304 bronze badges

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

Collectives™ on Stack Overflow

Merging two object arrays by removing duplicates Javascript Jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related