在前端开发中，由于数据来源的不同或者业务需求的变化，经常需要对不同的数组进行操作。其中一个常见的任务是获取两个数组的联合（即合并两个数组去重后的结果）。本文将介绍如何使用JavaScript实现这一功能。
概述
获取两个数组的联合可以分为两个步骤：
- 合并两个数组。
- 去除重复元素。
在JavaScript中，我们可以使用Array对象提供的方法来完成这两个步骤。
实现
1. 合并两个数组
JavaScript中，我们可以使用Array对象的concat()方法来合并两个数组。该方法可以接受任意数量的参数，每个参数可以是数组或者值。concat()方法会返回一个新的数组，该数组包含原始数组和所有参数的副本。例如：
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = arr1.concat(arr2); console.log(arr3); //输出 [1, 2, 3, 4, 5, 6]
2. 去除重复元素
JavaScript中，可以使用Set对象来存储不重复的值。因此，我们可以通过先将两个数组合并，再将结果转换为Set对象，最后将Set对象转换为数组来达到去重的目的。例如：
const arr1 = [1, 2, 3]; const arr2 = [2, 3, 4]; const arr3 = [...new Set(arr1.concat(arr2))]; console.log(arr3); //输出 [1, 2, 3, 4]
上述代码中，我们使用了ES6的扩展运算符(...)来将Set对象转换为数组。
总结
通过以上代码示例，我们可以看到获取两个数组的联合并不是一件很困难的事情。我们只需要简单地使用JavaScript提供的Array对象和Set对象的方法即可。对于前端开发者来说，这个技能非常实用，也应该掌握。
示例代码
-- -------------------- ---- ------- --- - ------------- - ------ --- ---- --- - ------ --- ---- --- - -------- ------- -- -------- -------------- ----- - ------ ------- ------------------------ - -- -- ----- ---- - --- -- --- ----- ---- - --- -- --- ----- ---- - -------------- ------ ------------------ ---- --- -- -- --
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14244
