如何使用jquery连接两个数组对象而不添加重复项

Question

我有两个数组对象:

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

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

我做jquery如下:

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

在末尾

arr2必须看起来像

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

我在做正确的jquery编码..？

Answer 1

$.extend(arr1,arr2)

这将从arr2复制(并覆盖重复)到arr1.

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

Answer 2

$.extend(true, arr1, arr2);

Extend将两个对象/数组连接到第一个对象中。