我有两个JavaScript数组：
var array1 = ["Vijendra","Singh"];
var array2 = ["Singh", "Shakya"];
我希望输出为：
var array3 = ["Vijendra","Singh","Shakya"];
输出数组应删除重复的单词。
如何在JavaScript中合并两个数组，以便从每个数组中只获得唯一的项目，其顺序与它们插入原始数组的顺序相同？
当前回答
如果您合并对象数组，请考虑使用lodash UnionBy函数，它允许您设置自定义谓词比较对象：
import { unionBy } from 'lodash';
const a = [{a: 1, b: 2}];
const b = [{a: 1, b: 3}];
const c = [{a: 2, b: 4}];
const result = UnionBy(a,b,c, x => x.a);
结果是：〔｛a:1；b:2｝，｛a:2；b:4｝〕
结果中使用了来自数组的第一个传递匹配
其他回答
我简化了这个答案的最佳部分，并将其转化为一个很好的函数：
function mergeUnique(arr1, arr2){
return arr1.concat(arr2.filter(function (item) {
return arr1.indexOf(item) === -1;
}));
}
编辑：
只有在项目很少的情况下，第一种解决方案才是最快的。当项目超过400项时，Set解决方案将变得最快。当有100000个项目时，它比第一个解决方案快一千倍。
考虑到只有当有很多项时，性能才是重要的，而且Set解决方案是迄今为止最可读的，在大多数情况下，它应该是正确的解决方案
以下性能结果是用少量项目计算的
基于jsperf，将两个数组合并为一个新数组的最快方法（编辑：如果少于400项）如下：
for (var i = 0; i < array2.length; i++)
if (array1.indexOf(array2[i]) === -1)
array1.push(array2[i]);
这个慢17%：
array2.forEach(v => array1.includes(v) ? null : array1.push(v));
这个速度慢45%（编辑：当项目少于100个时。当项目较多时，速度快得多）：
var a = [...new Set([...array1 ,...array2])];
而被接受的答案要慢55%（而且写起来要长得多）（编辑：当有10万个项目时，它比任何其他方法都慢几个数量级）
var a = array1.concat(array2);
for (var i = 0; i < a.length; ++i) {
for (var j = i + 1; j < a.length; ++j) {
if (a[i] === a[j])
a.splice(j--, 1);
}
}
https://jsperf.com/merge-2-arrays-without-duplicate
对于n个数组，可以这样得到并集。
function union(arrays) {
return new Set(arrays.flat()).keys();
};
ES6提供了一种单线解决方案，通过使用析构函数和集合来合并多个数组而不重复。
const array1 = ['a','b','c'];
const array2 = ['c','c','d','e'];
const array3 = [...new Set([...array1,...array2])];
console.log(array3); // ["a", "b", "c", "d", "e"]
您可以使用loadash unionWith-_.unionWith（〔arrays〕，〔comparator〕）
此方法类似于_.union，只是它接受被调用来比较数组元素的比较器。结果值从出现该值的第一个数组中选择。比较器由两个参数调用：（arrVal，othVal）。
var array1=[“Vijendra”，“Singh”]；var array2=[“Singh”，“Shakya”]；var array3=_.unionWith（array1，array2，_.isEqual）；console.log（array3）；<script src=“https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js“></script>
