前端数组去重常用的方法
时间: 2023-08-14 09:05:12 浏览: 128
js常用数组去重方法
在前端开发中,常用的数组去重方法有以下几种:
1. 使用 Set:ES6 中引入了 Set 数据结构,它只存储一的值。我们可以通过将数组转换为 Set,然后再将 Set 转换回数组,即可实现去重。
```javascript
const array = [1, 2, 3, 3, 4, 5, 5];
const uniqueArray = Array.from(new Set(array));
console.log(uniqueArray); // [1, 2, 3, 4, 5]
```
2. 使用 filter:利用数组的 `filter` 方法,遍历数组并返回满足指定条件的元素,从而实现去重。
```javascript
const array = [1, 2, 3, 3, 4, 5, 5];
const uniqueArray = array.filter((value, index, self) => self.indexOf(value) === index);
console.log(uniqueArray); // [1, 2, 3, 4, 5]
```
3. 使用 reduce:通过 `reduce` 方法遍历数组,并将每个元素添加到一个新数组中,但只添加之前没有出现过的元素,从而实现去重。
```javascript
const array = [1, 2, 3, 3, 4, 5, 5];
const uniqueArray = array.reduce((acc, cur) => {
if (!acc.includes(cur)) {
acc.push(cur);
}
return acc;
}, []);
console.log(uniqueArray); // [1, 2, 3, 4, 5]
```
这些方法都可以很好地实现数组去重,选择哪一种方法取决于具体需求和性能要求。使用 Set 可能是最简洁的方法,但不保证元素的顺序;使用 filter 和 reduce 可以保持原有顺序,但可能会稍微慢一些。根据实际情况选择适合的方法。
阅读全文