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++操作符重载实例,我们把坐标值CVector的加法进行重载,计算c3=c1+c2时,也就是计算x3=x1+x2,y3=y1+y2,今天我们以独立函数的方式重载操作符+(加号),以下是C++代码: c1802.cpp源代码: D:\YcjWork\CppTour>vim c1802.cpp #include <iostream>using namespace std;/*** 以独立函数

JVM 常见异常及内存诊断

栈内存溢出 栈内存大小设置:-Xss size 默认除了window以外的所有操作系统默认情况大小为 1MB,window 的默认大小依赖于虚拟机内存。 栈帧过多导致栈内存溢出 下述示例代码,由于递归深度没有限制且没有设置出口,每次方法的调用都会产生一个栈帧导致了创建的栈帧过多,而导致内存溢出(StackOverflowError)。 示例代码: 运行结果: 栈帧过大导致栈内存

模拟实现vector中的常见接口

insert void insert(iterator pos, const T& x){if (_finish == _endofstorage){int n = pos - _start;size_t newcapacity = capacity() == 0 ? 2 : capacity() * 2;reserve(newcapacity);pos = _start + n;//防止迭代

【Kubernetes】常见面试题汇总(三)

目录 9.简述 Kubernetes 的缺点或当前的不足之处? 10.简述 Kubernetes 相关基础概念? 9.简述 Kubernetes 的缺点或当前的不足之处? Kubernetes 当前存在的缺点(不足)如下: ① 安装过程和配置相对困难复杂; ② 管理服务相对繁琐; ③ 运行和编译需要很多时间; ④ 它比其他替代品更昂贵; ⑤ 对于简单的应用程序来说,可能不

【附答案】C/C++ 最常见50道面试题

文章目录 面试题 1:深入探讨变量的声明与定义的区别面试题 2:编写比较“零值”的`if`语句面试题 3:深入理解`sizeof`与`strlen`的差异面试题 4:解析C与C++中`static`关键字的不同用途面试题 5:比较C语言的`malloc`与C++的`new`面试题 6:实现一个“标准”的`MIN`宏面试题 7:指针是否可以是`volatile`面试题 8:探讨`a`和`&a`

常见的服务器

常见的Web服务器 1、Tomcat:Tomcat和Java结合得最好,是Oracle官方推荐的JSP服务器。Tomcat是开源的Web服务器,经过长时间的发展,性能、稳定性等方面都非常优秀。 2、Jetty:另一个优秀的Web服务器。Jetty有个更大的优点是,Jetty可作为一个嵌入式服务器,即:如果在应用中加入Jetty的JAR文件,应用可在代码中对外提供Web服务。 3、Resin:

C++可以被重载的操作符Overloadable operators

C++允许绝大多数操作符被重载,也就是重新定义操作符实现的功能,这样它们的行为可以被设计出来以适应所有的数据类型,包括类。 以下是C++可以被重载的操作符(Overloadable operators): //四则运算符+ - * / %+= -= *= /= %=//比较运算符> >= == != //赋值运算符= //位操作

【Kubernetes】常见面试题汇总(一)

目录 1.简述 etcd 及其特点? 2.简述 etcd 适应的场景? 3.简述什么是Kubernetes? 4.简述 Kubernetes和 Docker的关系? 1.简述 etcd 及其特点? (1)etcd 是Core0s 团队发起的开源项目,是一个管理配置信息和服务发现(service discovery)的项目,它的目标是构建一个高可用的分布式键值(keyvalue)数据

c++/《重载操作符》

为什么要对运算符进行重载:         C++预定义中的运算符的操作对象只局限于基本的内置数据类型,但是对于我们自定义的类型(类)是没有办法操作的。但是大多时候我们需要对我们定义的类型进行类似的运算,这个时候就需要我们对这么运算符进行重新定义,赋予其新的功能,以满足自身的需求。 <返回类型说明符> operator <运算符符号>(<参数表>) { <函数体> }

CSP-J基础之cmath常见函数

文章目录 前言1. **`sin` 函数**2. **`cos` 函数**3. **`exp` 函数**4. **`log` 函数**5. **`fabs` 函数**6. **`pow` 函数**7. **`sqrt` 函数**8. **`ceil` 函数**9. **`floor` 函数** 总结 前言 在计算机科学与编程中,数学函数是解决各种计算问题的基础工具。C++标准