我有两个JavaScript数组：
var array1 = ["Vijendra","Singh"];
var array2 = ["Singh", "Shakya"];
我希望输出为：
var array3 = ["Vijendra","Singh","Shakya"];
输出数组应删除重复的单词。
如何在JavaScript中合并两个数组，以便从每个数组中只获得唯一的项目，其顺序与它们插入原始数组的顺序相同？
当前回答
合并两个阵列有很多解决方案。它们可以分为两大类（除了使用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)));
其他回答
您可以使用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>
var array1=[“一”，“二”]；var array2=[“two”，“three”]；var collectionOfTwoArrays=[…array1，…array2]；var uniqueList=array=>[…new Set（array）]；console.log（'集合：'）；console.log（collectionOfTwoArrays）；console.log（'没有重复项的集合：'）；console.log（uniqueList（collectionOfTwoArrays））；
为此……这里有一个单行解决方案：
const x = [...new Set([['C', 'B'],['B', 'A']].reduce( (a, e) => a.concat(e), []))].sort()
// ['A', 'B', 'C']
不是特别可读，但它可能会帮助某人：
将初始累加器值设置为空数组的reduce函数应用于空数组。reduce函数使用concat将每个子数组附加到累加器数组上。其结果作为构造函数参数传递，以创建新的Set。排列运算符用于将集合转换为数组。sort（）函数应用于新数组。
我学会了一种用扩展运算符连接两个数组的小方法：
var array1 = ['tom', 'dick', 'harry'];
var array2 = ['martin', 'ricky'];
array1.push(...array2);
“…”扩展运算符将以下数组拆分为单个项，然后push可以将它们作为单独的参数处理。
你可以试试这个：
常量union=（a，b）=>Array.from（新集合（[…a，…b]））；console.log（联合（[“neymar”，“mesi”]，[“ronaldo”，“neymmar”]）；
