Angular的distinctUntilChanged-Valuecomparison
创始人
2024-10-24 03:00:29
0次

Angular 的 Operators 中有一个 distinctUntilChanged 操作符,它可以过滤掉连续发送相同元素的 Observable。默认情况下,它使用的是对象引用比较,即只有当两个发射出来的元素的引用不同,才会被认为是不同的。但有时我们需要使用值比较,即只要两个元素的属性值相同,就认为它们相同,如下例:

const obj1 = { id: 1 };
const obj2 = { id: 1 };

of(obj1, obj2, obj2, obj1)
  .pipe(distinctUntilChanged())
  .subscribe(console.log);
// Output:
// { id: 1 }
// { id: 1 }
// { id: 1 }
// { id: 1 }

of(obj1, obj2, obj2, obj1)
  .pipe(distinctUntilChanged((prev, curr) => prev.id === curr.id))
  .subscribe(console.log);
// Output:
// { id: 1 }

可以看到,第一个例子中,obj1 和 obj2 被认为是两个不同的元素,因为它们的引用不同,而第二个例子中,只有一个元素被输出,因为 obj1 和 obj2 的 id 属性都是相同的。

相关内容

热门资讯

推荐一款!乐达麻将HD辅助器脚... 推荐一款!乐达麻将HD辅助器脚本软件,乐达麻将HD都是是有辅助器开挂方法1、完成乐达麻将HD辅助器v...
一分钟了解!老表逗娱碰胡开挂脚... 一分钟了解!老表逗娱碰胡开挂脚本软件,老表逗娱碰胡总是有开挂普及软件1、许多玩家不知道老表逗娱碰胡辅...
玩家必看教程!友谊山西互动开挂... 玩家必看教程!友谊山西互动开挂脚本软件,友谊山西互动一贯真的是有开挂推荐攻略1、友谊山西互动辅助器安...
玩家必看科普!土豆互娱辅助脚本... 玩家必看科普!土豆互娱辅助脚本软件,土豆互娱本来真的有辅助有挂攻略1、打开软件启动之后找到中间准星的...
一分钟教你!逸豆互娱辅助脚本软... 一分钟教你!逸豆互娱辅助脚本软件,逸豆互娱其实是真的有辅助了解软件1、完成逸豆互娱辅助器v3.3的残...
玩家实测!仲乐郑州麻将透视挂脚... 玩家实测!仲乐郑州麻将透视挂脚本软件,仲乐郑州麻将果然真的是有透视挂有挂软件;1、该软件可以轻松地帮...
总算明白!逗娱碰胡开挂脚本软件... 总算明白!逗娱碰胡开挂脚本软件,逗娱碰胡原来存在有开挂解密软件1、逗娱碰胡透视辅助软件激活码多个强度...
2分钟细说!369熟人麻将开挂... 2分钟细说!369熟人麻将开挂脚本软件,369熟人麻将都是是有开挂了解脚本一、369熟人麻将游戏安装...
实测交流!博雅玉溪棋牌辅助脚本... 实测交流!博雅玉溪棋牌辅助脚本软件,博雅玉溪棋牌一直是真的有辅助推荐技巧1、完成博雅玉溪棋牌有辅助插...
一起来探讨!边锋舟山棋牌透视挂... 一起来探讨!边锋舟山棋牌透视挂脚本软件,边锋舟山棋牌确实有透视挂解密神器1、进入游戏-大厅左侧-新手...