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/C++错误信息处理的常见方法及函数》C/C++是两种广泛使用的编程语言,特别是在系统编程、嵌入式开发以及高性能计算领域,:本文主要介绍C/C++错误信息处理的常见方法及函数,文中通过代码介绍... 目录前言1. errno 和 perror()示例:2. strerror()示例:3. perror(

Go标准库常见错误分析和解决办法

《Go标准库常见错误分析和解决办法》Go语言的标准库为开发者提供了丰富且高效的工具,涵盖了从网络编程到文件操作等各个方面,然而,标准库虽好,使用不当却可能适得其反,正所谓工欲善其事,必先利其器,本文将... 目录1. 使用了错误的time.Duration2. time.After导致的内存泄漏3. jsO

MyBatis 动态 SQL 优化之标签的实战与技巧(常见用法)

《MyBatis动态SQL优化之标签的实战与技巧(常见用法)》本文通过详细的示例和实际应用场景,介绍了如何有效利用这些标签来优化MyBatis配置,提升开发效率,确保SQL的高效执行和安全性,感... 目录动态SQL详解一、动态SQL的核心概念1.1 什么是动态SQL?1.2 动态SQL的优点1.3 动态S

java常见报错及解决方案总结

《java常见报错及解决方案总结》:本文主要介绍Java编程中常见错误类型及示例,包括语法错误、空指针异常、数组下标越界、类型转换异常、文件未找到异常、除以零异常、非法线程操作异常、方法未定义异常... 目录1. 语法错误 (Syntax Errors)示例 1:解决方案:2. 空指针异常 (NullPoi

C++常见容器获取头元素的方法大全

《C++常见容器获取头元素的方法大全》在C++编程中,容器是存储和管理数据集合的重要工具,不同的容器提供了不同的接口来访问和操作其中的元素,获取容器的头元素(即第一个元素)是常见的操作之一,本文将详细... 目录一、std::vector二、std::list三、std::deque四、std::forwa

MySQL常见的存储引擎和区别说明

《MySQL常见的存储引擎和区别说明》MySQL支持多种存储引擎,如InnoDB、MyISAM、MEMORY、Archive、CSV和Blackhole,每种引擎有其特点和适用场景,选择存储引擎时需根... 目录mysql常见的存储引擎和区别说明1. InnoDB2. MyISAM3. MEMORY4. A

前端bug调试的方法技巧及常见错误

《前端bug调试的方法技巧及常见错误》:本文主要介绍编程中常见的报错和Bug,以及调试的重要性,调试的基本流程是通过缩小范围来定位问题,并给出了推测法、删除代码法、console调试和debugg... 目录调试基本流程调试方法排查bug的两大技巧如何看控制台报错前端常见错误取值调用报错资源引入错误解析错误

通俗易懂的Java常见限流算法具体实现

《通俗易懂的Java常见限流算法具体实现》:本文主要介绍Java常见限流算法具体实现的相关资料,包括漏桶算法、令牌桶算法、Nginx限流和Redis+Lua限流的实现原理和具体步骤,并比较了它们的... 目录一、漏桶算法1.漏桶算法的思想和原理2.具体实现二、令牌桶算法1.令牌桶算法流程:2.具体实现2.1

C++初始化数组的几种常见方法(简单易懂)

《C++初始化数组的几种常见方法(简单易懂)》本文介绍了C++中数组的初始化方法,包括一维数组和二维数组的初始化,以及用new动态初始化数组,在C++11及以上版本中,还提供了使用std::array... 目录1、初始化一维数组1.1、使用列表初始化(推荐方式)1.2、初始化部分列表1.3、使用std::

SQL 中多表查询的常见连接方式详解

《SQL中多表查询的常见连接方式详解》本文介绍SQL中多表查询的常见连接方式,包括内连接(INNERJOIN)、左连接(LEFTJOIN)、右连接(RIGHTJOIN)、全外连接(FULLOUTER... 目录一、连接类型图表(ASCII 形式)二、前置代码(创建示例表)三、连接方式代码示例1. 内连接(I