如何使用 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 将两个对象/数组连接到第一个对象中。