js中数组去重,写个案例
时间: 2023-03-21 13:00:14 浏览: 110
js中数组对象去重的两种方法
5星 · 资源好评率100%
当我们需要从一个数组中删除重复的元素时,可以使用以下方法进行数组去重:
1. 使用Set
可以将数组转换为Set,并再次将Set转换回数组。由于Set只包含唯一的元素,这将自动删除重复项。
```javascript
let arr = [1, 2, 3, 3, 4, 4, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3, 4, 5]
```
2. 使用filter和indexOf
使用filter方法和indexOf方法,可以创建一个新数组,其中仅包含原始数组中不重复的元素。
```javascript
let arr = [1, 2, 3, 3, 4, 4, 5];
let uniqueArr = arr.filter((item, index) => {
return arr.indexOf(item) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]
```
3. 使用reduce和includes
使用reduce方法和includes方法,可以创建一个新数组,其中仅包含原始数组中不重复的元素。
```javascript
let arr = [1, 2, 3, 3, 4, 4, 5];
let uniqueArr = arr.reduce((unique, item) => {
return unique.includes(item) ? unique : [...unique, item];
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]
```
阅读全文