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

我有两个数组对象：

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