欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

rxjs distinct 数组去重

程序员文章站 2022-06-11 17:09:57
...

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

 

相关标签: distinct