How to concatenate two array objects using jquery without adding duplicates

Question

I have two array objects :

 var arr1 =[{product_id: 2, name: 'stack'}, {product_id: 3, name: 'overflow'}];

 var  arr2 = [{product_id: 2, name: 'popo'},{product_id: 6, name: 'foo'}];

I do jquery like follows:

$.each(arr1 , function(){ 
      var productId = this.product_id;
       $.each(arr2 , function(productId){
        if(this.product_id != productId){
           arr2.push(this);
        }
       }); 
   });

at the end

arr2 must look like

     var  arr2 = [{product_id: 2, name: 'stack'}, {product_id: 3, name: 'overflow'},
             {product_id: 6, name: 'foo'}]

am i doing correct jquery coding..?

does it work? did you test it?.... – Naftali Aug 17 '11 at 21:13 — Naftali, Aug 17 '11 at 21:13

score 7 · Answer 1 · answered Aug 17 '11 at 21:14

7

$.extend(arr1,arr2)

This will copy (and overwrite duplicates) from arr2 to arr1.

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

answered Aug 17 '11 at 21:14

PhD

10,822
12
60
109

score 7 · Answer 2 · answered Aug 17 '11 at 21:15

7

$.extend(true, arr1, arr2);

Extend joins two objects/arrays into the first object.

answered Aug 17 '11 at 21:15

Justice Erolin

2,819
19
19

1

The first parameter is used to make sure it does a deep recursion, and checks the values within the array. – Justice Erolin Aug 17 '11 at 21:15
If the attribute is the same in both, it'll be kept. – Justice Erolin Aug 18 '11 at 06:33

How to concatenate two array objects using jquery without adding duplicates

2 Answers2

Linked