var MergeArrays=function(arrayOne, arrayTwo, equalityField) {
    var mergeDictionary = {};

    for (var i = 0; i < arrayOne.length; i++) {
        mergeDictionary[arrayOne[i][equalityField]] = arrayOne[i];
    }

    for (var i = 0; i < arrayTwo.length; i++) {
        mergeDictionary[arrayTwo[i][equalityField]] = arrayTwo[i];
    }

    return $.map(mergeDictionary, function (value, key) { return value });
}

利用字典和Jquery，您可以合并这两个数组，而不会得到重复项。在我的示例中，我在对象上使用给定的字段，但可能只是对象本身。

新解决方案（使用Array.prototype.indexOf和Array.prototype.cocat）：

Array.prototype.uniqueMerge = function( a ) {
    for ( var nonDuplicates = [], i = 0, l = a.length; i<l; ++i ) {
        if ( this.indexOf( a[i] ) === -1 ) {
            nonDuplicates.push( a[i] );
        }
    }
    return this.concat( nonDuplicates )
};

用法：

>>> ['Vijendra', 'Singh'].uniqueMerge(['Singh', 'Shakya'])
["Vijendra", "Singh", "Shakya"]

Array.prototype.indexOf（用于internet explorer）：

Array.prototype.indexOf = Array.prototype.indexOf || function(elt)
  {
    var len = this.length >>> 0;

    var from = Number(arguments[1]) || 0;
    from = (from < 0) ? Math.ceil(from): Math.floor(from); 
    if (from < 0)from += len;

    for (; from < len; from++)
    {
      if (from in this && this[from] === elt)return from;
    }
    return -1;
  };

使用Lodash

我发现@GijsjanB的答案很有用，但我的数组包含具有许多属性的对象，因此我不得不使用其中一个属性来消除它们的重复。

这是我使用lodash的解决方案

userList1 = [{ id: 1 }, { id: 2 }, { id: 3 }]
userList2 = [{ id: 3 }, { id: 4 }, { id: 5 }]
// id 3 is repeated in both arrays

users = _.unionWith(userList1, userList2, function(a, b){ return a.id == b.id });

// users = [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }]

作为第三个参数传递的函数有两个参数（两个元素），如果它们相等，则必须返回true。

减少他们！！！

这种替代方法不是显式地合并和重复数据消除，而是采用一个数组并用另一个数组减少它，这样第一个数组的每个值都可以在累积行为中迭代和销毁，因为递归性，所以通过利用数组的持久性来忽略已经包含的值。

array2.reduce(reducer, array1.reduce(reducer, []))

测试示例：

var array1=[“Vijendra”，“Singh”，“辛格”]；var array2=[“Singh”，“Shakya”，“Shakya”]；const reducer=（accumulator，currentValue）=>accumulater.includes（currentValue）？累加器：[…累加器，currentValue]；控制台日志(array2.reduce（reducer，array1.reduce，[]））);//需要减少第一阵列，以确保减少第二阵列上用作初始值的重复数据消除阵列

结论

在枯燥乏味的时候，每一种方法都需要避免（并不是说它没有用处）。

处理重复数据消除的concat（）限制。

不需要Undercore.js、JQuery或Lo Dash等外部库，也不需要创建任何内置函数来实现所需的合并和重复数据消除效果。

哦，嘿！，它可以作为一个内衬完成！！！

由于ES5（ECMAScript 2015）、漂亮的include（）和华丽的reduce（），这个答案是可能的。

合并两个阵列有很多解决方案。它们可以分为两大类（除了使用lodash或underline.js等第三方库）。

a） 组合两个数组并删除重复项。

b） 在组合项目之前过滤掉它们。

合并两个数组并删除重复项

结合

// mutable operation(array1 is the combined array)
array1.push(...array2);
array1.unshift(...array2);

// immutable operation
const combined = array1.concat(array2);
const combined = [...array1, ...array2];    // ES6

统一

统一数组有很多方法，我个人建议使用以下两种方法。

// a little bit tricky
const merged = combined.filter((item, index) => combined.indexOf(item) === index);
const merged = [...new Set(combined)];

在组合项目之前筛选出项目

还有很多方法，但我个人建议使用以下代码，因为它简单。

const merged = array1.concat(array2.filter(secItem => !array1.includes(secItem)));

您可以合并结果并过滤重复项：

let combinedItems = [];

// items is an Array of arrays: [[1,2,3],[1,5,6],...]    
items.forEach(currItems => {
    if (currItems && currItems.length > 0) {
        combinedItems = combinedItems.concat(currItems);
    }
});

let noDuplicateItems = combinedItems.filter((item, index) => {
    return !combinedItems.includes(item, index + 1);
});