我有两个JavaScript数组：
var array1 = ["Vijendra","Singh"];
var array2 = ["Singh", "Shakya"];
我希望输出为：
var array3 = ["Vijendra","Singh","Shakya"];
输出数组应删除重复的单词。
如何在JavaScript中合并两个数组，以便从每个数组中只获得唯一的项目，其顺序与它们插入原始数组的顺序相同？
当前回答
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"]
其他回答
使用array.contat（）和array.filter（）使用新的Set对象和Spread操作符使用array.contat和新的Set对象
设数组1=[1，2，3，4，5]设数组2=[1，4，6，9]//使用array.contat和array.filter常量array3=array1.concat（array2.filter（（项）=>array1.indexOf（项）==-1））console.log（'array3:'，array3）；//使用新的集合和排列运算符const array4=[…新集合（[…array1，…array2]）]；console.log（'array4:'，array4）；//使用array.contat和新集合const array5=[…新集合（array1.concat（array2））]；console.log（'array5:'，array5）；
您可以使用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>
function set(a, b) {
return a.concat(b).filter(function(x,i,c) { return c.indexOf(x) == i; });
}
首先连接两个数组，然后只过滤出唯一的项：
变量a=[1，2，3]，b=[101，2，1，10]var c=交流电（b）var d=c.filter（（项目，位置）=>c.indexOf（项目）===位置）console.log（d）//d为[1，2，3，101，10]
Edit
正如所建议的，一个更具性能的解决方案是在与a连接之前过滤掉b中的唯一项：
变量a=[1，2，3]，b=[101，2，1，10]var c=a.oncat（b.filter（（项）=>a.indexOf（项）<0））console.log（c）//c为[1，2，3，101，10]
ES2019年
可以像union（array1，array2，array3，…）一样使用它
/**
* Merges two or more arrays keeping unique items. This method does
* not change the existing arrays, but instead returns a new array.
*/
function union<T>(...arrays: T[]) {
return [...new Set([...arrays].flat())];
}
这是ES2019，因为flat（）函数，但您可以使用core js将其作为polyfill获取。这里的T是TypeScript泛型类型，如果不使用TypeScript，则可以删除它。如果您使用的是TypeScript，请确保在tsconfig.json中的编译器选项中添加“lib”：[“es2019.array”]。
或
只需使用lodash。union
