distinct 操作符可以用来去重,将上游重复的数据过滤掉。
import { of,from } 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))
from([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: '李四' },