首页js两个数组去重

js两个数组去重

时间: 2025-05-16 08:49:42 浏览: 16

### 使用 JavaScript 对两个数组进行去重对于两个数组的去重操作，可以通过将两个数组合并成一个新数组并利用 `Set` 的特性去除重复项来完成。以下是具体实现方式： #### 合并与去重通过扩展运算符 (`...`) 将两个数组合并为一个新的数组，随后将其传递给 `Set` 构造函数以移除重复项[^1]。 ```javascript let array1 = [1, 2, 3]; let array2 = [2, 3, 4]; // 合并两个数组并通过 Set 去重 let uniqueArray = [...new Set([...array1, ...array2])]; console.log(uniqueArray); // 输出: [1, 2, 3, 4] ``` 上述代码片段展示了如何使用 `Set` 和扩展运算符对两个数组中的元素进行去重。 #### 手动遍历法如果不想依赖于现代浏览器支持的功能（如 `Set`），也可以手动编写逻辑来实现相同的效果。这通常涉及嵌套循环或者借助辅助数据结构（如对象或 Map）记录已存在的值[^2]。 ```javascript function unionArrays(arr1, arr2) { let result = []; let seen = {}; function addUniqueItems(array) { for (const item of array) { if (!seen[item]) { // 如果未见过该元素，则加入结果集 result.push(item); seen[item] = true; } } } addUniqueItems(arr1); addUniqueItems(arr2); return result; } let arrayA = ['a', 'b', 'c']; let arrayB = ['b', 'd']; console.log(unionArrays(arrayA, arrayB)); // ["a", "b", "c", "d"] ``` 此方法适用于需要兼容旧版环境的情况，并且能够清晰展示每一步的操作过程。 ---

阅读全文