js中如何合并数组并且去重
时间: 2024-12-15 08:24:40 浏览: 6
在JavaScript中,可以使用多种方法来合并两个或更多数组并去除其中的重复元素。以下是几种常见的方式:
1. **`concat()` + `filter()`**:
```javascript
let arr1 = [1, 2, 3];
let arr2 = [2, 4, 5];
let mergedAndUnique = [...arr1, ...arr2].filter((value, index, self) => {
return self.indexOf(value) === index;
});
```
这里先通过`concat()`合并数组,然后`filter()`过滤掉首次出现之外的元素。
2. **利用Set数据结构**:
Set是ES6引入的一种特殊的集合,成员的值都是唯一的,没有重复的值。我们可以将数组转换成Set,然后再转回数组。
```javascript
let arr1 = [1, 2, 3];
let arr2 = [2, 4, 5];
let mergedAndUnique = [...new Set([...arr1, ...arr2])];
```
3. **`reduce()`**:
也可以使用`reduce()`函数,结合一个新数组来存储结果,并在遍历过程中检查元素是否已存在。
```javascript
let arr1 = [1, 2, 3];
let arr2 = [2, 4, 5];
let mergedAndUnique = arr1.concat(arr2).reduce((acc, val) => acc.includes(val) ? acc : [...acc, val], []);
```
这三种方法都能达到合并并去重的效果。
阅读全文