首页 > 其他分享 >RxJS 系列 – Join Operators

RxJS 系列 – Join Operators

时间:2022-10-03 10:12:53浏览次数:87  
标签:concatAll Observable Join Operators concatMap RxJS concat

前言

前几篇介绍过了 

Creation Operators

Filter Operators

Join Creation Operators

Error Handling Operators

Transformation Operators

这篇继续介绍Join Operators

 

参考

Docs – Join Operators

 

concatAll, mergeAll, switchAll, exhaustAll

参考: RxJS 組合類型 Operators (1) - switchAll / concatAll / mergeAll / combineAll / startWith

请先学习 concatMap, mergeMap, switchMap, exhaustMap

这里只介绍 concatAll, 主要是讲那个 All 的概念, 其余的只是换成 merge ,swtich, exhaust 概念而已.

concat 的 Observables 是一开始就定义好, 知道数量的 (o1, o2, o3) 3 个 Observables

concat(o1, o2, o3)

concatMap

from([1, 2, 3]).pipe(concatMap(v => of(v)));

concatMap 是接收 value 返回 Observable, 它的数量是动态的, 可以一直增加. 每当原 source 发布, concat 的 Observables 就多一个

concatAll 和 concatMap 类似, 只是它放在后面

from([1, 2, 3]).pipe(map(v => of(v), concatAll()));

concatMap 是返回 Observable

concatAll 则是接收 Observable (必须是 Observable). 上面的例子和 concatMap 的例子实现的效果是一样的.

所以其实只是提供 Observable 的方式改变了. 它的目的主要是在管理, 因为有时候 Observable 的提供时机不容易控制. 所以 RxJS 支持前后 2 钟方式提供 Observable 就方便多了.

 

一句或总结

concatAll, mergeAll, switchAll, exhaustAll : concatMap 是通过返回 Observable 这个方式来提供 Observable 给 concat, concatAll 则是通过接收 Observable 来提供 Observable 给 concat. 所以只是提供 Observable 的方式不同.

 

 

 

 

 

 

 

 

.

标签:concatAll,Observable,Join,Operators,concatMap,RxJS,concat
From: https://www.cnblogs.com/keatkeat/p/16750080.html

相关文章

  • RxJS 系列 – Transformation Operators
    前言前几篇介绍过了 CreationOperatorsFilterOperatorsJoinCreationOperatorsErrorHandlingOperators这篇继续介绍TransformationOperators. 参考Docs......
  • RxJS 系列 – Error Handling Operators
    前言前几篇介绍过了 CreationOperators, FilterOperators, JoinCreationOperators.这篇继续介绍 ErrorHandlingOperators. 参考Docs– ErrorHandlin......
  • RxJS 系列 – Join Creation Operators
    前言我们一样从简单和常用的入手.第一篇介绍了 CreationOperators上一篇介绍了FilterOperators 这一篇来到 JoinCreationOperators. 参考Docs–JoinCre......
  • join 新表连接综训
    对于较复杂的题,按需求处理产生新表,再连接。力扣1126:selectbusiness_idfromEventsjoin(selectevent_type,avg(occurences)asavg_occurencesfromEvents......
  • RxJS 系列 – Filter Operators
    前言介绍完RxJS两大概念Observable和Subject之后,篇幅最大的就是各种Operators了.这篇先介绍比较简单的FilterOperators. 参考Docs– FilteringOperat......
  • RxJS 系列 – Observable to Subject (Hot, Cold, Warm, connectable, share)
    前言前两篇介绍了Observable 和Subject.它们有一个重大区别当multiplesubscribe的时候.Observable每一次subscribe都会调用初始化方法,并且创建出独立的一个s......
  • RxJS 系类 – Subject
    前言RxJS两大概念Observable和Subject.上一篇介绍了Observable这篇继续接受Subject. 参考RxJS建立Observable的基礎-Observable/Subject/BehaviorSu......
  • RxJS 系列 – Observable & Subject
    前言RxJS最大篇幅就是一堆的operators,但是那些概念并不多,只要常用就能熟能生巧了.Observable和Subject反而需要我们了解清楚.所以这篇我们先来了解这2大概念......
  • js bitwise operators All In One
    jsbitwiseoperatorsAllInOnejs位运算符~<<>>refshttps://zzk.cnblogs.com/my/s/blogpost-p?Keywords=bitwise©xgqfrms2012-2020www.cnblogs.com/xg......
  • join、left join、right join、full join的区别
    join:内连接leftjoin:左外连接rightjoin:右外连接fulljoin/fullouterjoin:全外连接例如有A表数据如下:B表数据如下:join:取两表相同的部分select*fromtest.test_......