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 属性都是相同的。

相关内容

热门资讯

科普常识!We poker辅助... 科普常识!We poker辅助器下载,hhpoker作弊码,wpk教程(有挂神器);原来确实真的有挂...
实操分享!wepoker私人辅... 实操分享!wepoker私人辅助器,哈糖大菠萝有挂吗,插件教程(有挂神器)是一款可以让一直输的玩家,...
总算了解!xpoker辅助,a... 总算了解!xpoker辅助,aapoker辅助插件工具,扑克教程(有挂软件);致您一封信;亲爱aap...
重磅来袭!wepoker破解器... 重磅来袭!wepoker破解器有用吗,wepoker辅助器官方,安装教程(有挂教程);最新版2024...
专业讨论!wejoker开挂,... 专业讨论!wejoker开挂,wepoker到底有没有透视,新版2025教程(有挂技巧);亲真的是有...
玩家必看科普!wepoker辅... 玩家必看科普!wepoker辅助器最新版本更新内容,扑克之星辅助,辅助教程(有挂透视),支持语音通讯...
如何分辨真伪!wepoker透... 如何分辨真伪!wepoker透视苹果系统,wepoker怎么设置盖牌,插件教程(有挂软件)科技教程也...
一分钟快速了解!德普之星透视辅... 一分钟快速了解!德普之星透视辅助软件是真的吗,hhpoker可以控制吗,大神讲解(有挂辅助);建议优...
2024教程!pokermas... 2024教程!pokermaster脚本,wepoker有透视底牌吗,爆料教程(有挂技巧);1.we...
带你了解!wepoker透视脚... 带你了解!wepoker透视脚本免费使用视频,hhpoker有辅助吗,解密教程(有挂透明);科技安装...