vue 比对两个数组去掉重复部分
时间: 2023-09-09 12:00:26 浏览: 284
Vue源码解析之数组变异的实现
要比对两个数组并去除重复部分,可以使用Vue中提供的filter方法和Set对象来实现。
首先,我们可以使用filter方法遍历第一个数组,利用Set对象存储不重复的元素。然后,再通过filter方法遍历第二个数组,将已存在于Set对象中的元素过滤掉,最终得到去重后的数组。
下面是示例代码:
```javascript
// 假设我们有两个数组arr1和arr2
let arr1 = [1, 2, 3, 4];
let arr2 = [3, 4, 5, 6];
// 使用filter方法和Set对象去除重复部分
let uniqueArr = arr1.filter(item => !new Set(arr2).has(item))
.concat(arr2.filter(item => !new Set(arr1).has(item)));
console.log(uniqueArr); // 输出 [1, 2, 5, 6]
```
以上代码中,首先通过filter方法和Set对象遍历第一个数组arr1,过滤出不在arr2中的元素;然后通过concat方法拼接上第二个数组arr2中不在arr1中的元素,得到去重后的数组uniqueArr。
最终的结果是[1, 2, 5, 6],即去除了重复部分的两个数组的合集。希望能帮到你!
阅读全文