RxJS之常见操作符

2023-12-29 12:32
文章标签 常见 操作符 rxjs

本文主要是介绍RxJS之常见操作符,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Rxjs 中文网 https://cn.rx.js.org/
关键:把任何的变化现象成事件流。

常见创建类操作符

1、from:从一个数组、类数组对象、Promise、迭代器对象或者类 Observable 对象创建一个 Observable。
在这里插入图片描述

2、fromEvent:创建一个 Observable,该 Observable 发出来自给定事件对象的指定类型事件。
在这里插入图片描述
3、of:创建一个 Observable,它会依次发出由你提供的参数,最后发出完成通知。
在这里插入图片描述 4 、Interval:创建一个 Observable ,该 Observable 使用指定的 IScheduler ,并以指定时间间隔发出连续的数字。
在这里插入图片描述
5、Timer:创建一个 Observable,该 Observable 在初始延时(initialDelay)之后开始发送并且在每个时间周期( period)后发出自增的数字。
在这里插入图片描述

常见转换类操作符

1、map:将给定的 project 函数应用于源 Observable 发出的每个值,并将结果值作为 Observable 发出。
在这里插入图片描述
2、mapTo:每次源 Observble 发出值时,都在输出 Observable 上发出给定的常量值。
在这里插入图片描述
3、pluck:将每个源值(对象)映射成它指定的嵌套属性。
在这里插入图片描述

常见工具操作符

1、do:为源 Observable 上的每次发送执行副作用,但返回的 Observable 与源 Observable 是相同的。
在这里插入图片描述

常见变换类操作符

1、scan:对源 Observable 使用累加器函数, 返回生成的中间值, 可选的初始值。
在这里插入图片描述

常见数学类操作符

1、reduce:在源 Observalbe 上应用 accumulator (累加器) 函数,然后当源 Observable 完成时,返回 累加的结果,可以提供一个可选的 seed 值。
在这里插入图片描述

常见过滤类操作符

1、filter:通过只发送源 Observable 的中满足指定 predicate 函数的项来进行过滤。
在这里插入图片描述
2、take:只发出源 Observable 最初发出的的N个值 (N = count)。
在这里插入图片描述

3、first/last:只发出由源 Observable 所发出的值中第一个(或第一个满足条件的值)。
在这里插入图片描述
4、skip:返回一个 Observable, 该 Observable 跳过源 Observable 发出的前N个值(N = count)。
在这里插入图片描述
5、debounce:只有在另一个 Observable 决定的一段特定时间经过后并且没有发出另一个源值之后,才从源 Observable 中发出一个值。
在这里插入图片描述
6、debounceTime:只有在特定的一段时间经过后并且没有发出另一个源值,才从源 Observable 中发出一个值。
在这里插入图片描述
7、distinct:返回 Observable,它发出由源 Observable 所发出的所有与之前的项都不相同的项。

6、distinctUntilChanged:返回 Observable,它发出源 Observable 发出的所有与前一项不相同的项。

如果提供了 compare 函数,那么每一项都会调用它来检验是否应该发出这个值。

如果没有提供 compare 函数,默认使用相等检查。

合并类操作符

1、merge:创建一个输出 Observable ,它可以同时发出每个给定的输入 Observable 中的所有值。
在这里插入图片描述
2、concat:创建一个输出 Observable,它在当前 Observable 之后顺序地发出每个给定的输入 Observable 中的所有值。
在这里插入图片描述
3、startWith:返回的 Observable 会先发出作为参数指定的项,然后再发出由源 Observable 所发出的项。
在这里插入图片描述
4、combineLatest:组合多个 Observables 来创建一个 Observable ,该 Observable 的值根据每个输入 Observable 的最新值计算得出的。
在这里插入图片描述
5、withLatestFrom:结合源 Observable 和另外的 Observables 以创建新的 Observable, 该 Observable 的值由每 个 Observable 最新的值计算得出,当且仅当源发出的时候。
在这里插入图片描述
6、zip:将多个 Observable 组合以创建一个 Observable,该 Observable 的值是由所有输入 Observables 的值按顺序计算而来的。

如果最后一个参数是函数, 这个函数被用来计算最终发出的值.否则, 返回一个顺序包含所有输入值的数组.

这篇关于RxJS之常见操作符的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/549443

相关文章

C语言中的常见进制转换详解(从二进制到十六进制)

《C语言中的常见进制转换详解(从二进制到十六进制)》进制转换是计算机编程中的一个常见任务,特别是在处理低级别的数据操作时,C语言作为一门底层编程语言,在进制转换方面提供了灵活的操作方式,今天,我们将深... 目录1、进制基础2、C语言中的进制转换2.1 从十进制转换为其他进制十进制转二进制十进制转八进制十进

在 PyQt 加载 UI 三种常见方法

《在PyQt加载UI三种常见方法》在PyQt中,加载UI文件通常指的是使用QtDesigner设计的.ui文件,并将其转换为Python代码,以便在PyQt应用程序中使用,这篇文章给大家介绍在... 目录方法一:使用 uic 模块动态加载 (不推荐用于大型项目)方法二:将 UI 文件编译为 python 模

Python将字库文件打包成可执行文件的常见方法

《Python将字库文件打包成可执行文件的常见方法》在Python打包时,如果你想将字库文件一起打包成一个可执行文件,有几种常见的方法,具体取决于你使用的打包工具,下面就跟随小编一起了解下具体的实现方... 目录使用 PyInstaller基本方法 - 使用 --add-data 参数使用 spec 文件(

Java遍历HashMap的6种常见方式

《Java遍历HashMap的6种常见方式》这篇文章主要给大家介绍了关于Java遍历HashMap的6种常见方式,方法包括使用keySet()、entrySet()、forEach()、迭代器以及分别... 目录1,使用 keySet() 遍历键,再通过键获取值2,使用 entrySet() 遍历键值对3,

Java Spring 中 @PostConstruct 注解使用原理及常见场景

《JavaSpring中@PostConstruct注解使用原理及常见场景》在JavaSpring中,@PostConstruct注解是一个非常实用的功能,它允许开发者在Spring容器完全初... 目录一、@PostConstruct 注解概述二、@PostConstruct 注解的基本使用2.1 基本代

SQL中redo log 刷⼊磁盘的常见方法

《SQL中redolog刷⼊磁盘的常见方法》本文主要介绍了SQL中redolog刷⼊磁盘的常见方法,将redolog刷入磁盘的方法确保了数据的持久性和一致性,下面就来具体介绍一下,感兴趣的可以了解... 目录Redo Log 刷入磁盘的方法Redo Log 刷入磁盘的过程代码示例(伪代码)在数据库系统中,r

SQL BETWEEN 的常见用法小结

《SQLBETWEEN的常见用法小结》BETWEEN操作符是SQL中非常有用的工具,它允许你快速选取某个范围内的值,本文给大家介绍SQLBETWEEN的常见用法,感兴趣的朋友一起看看吧... 在SQL中,BETWEEN是一个操作符,用于选取介于两个值之间的数据。它包含这两个边界值。BETWEEN操作符常用

python中各种常见文件的读写操作与类型转换详细指南

《python中各种常见文件的读写操作与类型转换详细指南》这篇文章主要为大家详细介绍了python中各种常见文件(txt,xls,csv,sql,二进制文件)的读写操作与类型转换,感兴趣的小伙伴可以跟... 目录1.文件txt读写标准用法1.1写入文件1.2读取文件2. 二进制文件读取3. 大文件读取3.1

C++中初始化二维数组的几种常见方法

《C++中初始化二维数组的几种常见方法》本文详细介绍了在C++中初始化二维数组的不同方式,包括静态初始化、循环、全部为零、部分初始化、std::array和std::vector,以及std::vec... 目录1. 静态初始化2. 使用循环初始化3. 全部初始化为零4. 部分初始化5. 使用 std::a

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob