distinct 操作符可以用来去重,将上游重复的数据过滤掉。
import { of } from 'rxjs'; import { distinct} from 'rxjs/operators'; // 使用of操作符产生一些数据,去重,然后订阅 of(1, 1, 2, 2, 2, 1, 2, 3, 4, 3, 2, 1).pipe( distinct() ).subscribe(x => console.log(x))
// 结果:
// 1, 2, 3, 4
distinct 操作符还可以接收一个 keySelector 的函数作为参数:
import { of } from 'rxjs'; import { distinct} from 'rxjs/operators'; // 使用of操作符产生一些数据,根据name关键字去重,然后订阅 of( { age: 1, name: '张三' }, { age: 2, name: '李四' }, { age: 3, name: '张三' }, ).pipe( distinct((item) => item.name), ).subscribe(x => console.log(x))
// 结果:
// { age: 1, name: '张三' },
// { age: 2, name: '李四' },
![点击并拖拽以移动](https://i-blog.csdnimg.cn/blog_migrate/b13e5e0b8c2eb97c9d8ae55be25ea252.png)