rxjs distinct 数组去重

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: '李四' },