rxjs 操作符 pairwise 的一个例子

Groups pairs of consecutive emissions together and emits them as an array of two values.

pairwise 将连续的发射出的值进行分组并配对，然后以数组的数据结构进行发射。

pairwise 返回的数据类型如下：返回一个新的 OperatorFunction，这是一个函数，该函数返回一个新的 Observable，以数组的结构包裹了源 Observable 发射的值。

OperatorFunction<T, [T, T]>: A function that returns an Observable of pairs (as arrays) of consecutive values from the source Observable.

pairwise 的弹珠图：

下列这段代码，计算每次屏幕点击和前一次点击的绝对距离：

import { fromEvent } from 'rxjs';
import { pairwise, map } from 'rxjs/operators';const clicks = fromEvent(document, 'click');
const pairs = clicks.pipe(pairwise());
const distance = pairs.pipe(map((pair) => {const x0 = pair[0].clientX;const y0 = pair[0].clientY;const x1 = pair[1].clientX;const y1 = pair[1].clientY;return Math.sqrt(Math.pow(x0 - x1, 2) + Math.pow(y0 - y1, 2));})
);
distance.subscribe((x) => console.log(x));

rxjs 操作符 pairwise 的一个例子相关推荐

Angular rxjs fromEvent使用的一个例子
源代码: import { Component, OnInit } from '@angular/core'; import { JerrySandBoxService } from './jerry ...
通过rxjs的一个例子, 来学习SwitchMap的使用方法
switchMap相关文章 rxjs里switchMap operators的用法通过rxjs的一个例子, 来学习SwitchMap的使用方法 rxjs switchMap的实现原理 rxjs的ma ...
RxJs 操作符 withLatestFrom 在 SAP 电商云 Spartacus UI 中的应用
看下面这段代码: getSupportedDeliveryModes(): Observable<DeliveryMode[]> {return this.checkoutStore.pi ...
Rxjs操作符决策树-思维导图
原文链接: Rxjs 操作符决策树 - Mindnode Mindnode 是 macOS 下一个美观简洁的思维导图工具, 对于我来说是一个离不开的学习/整理工具, 本文列举了近日学习rxjs操作符所 ...
[asp.net core]SignalR一个例子
摘要在一个后台管理的页面想实时监控一些操作的数据,想到用signalR. 一个例子 asp.net core+signalR 使用Nuget安装包:Microsoft.AspNetCore.Sign ...
R语言使用lm构建线性回归模型、并将目标变量对数化（log10）实战：可视化模型预测输出与实际值对比图、可视化模型的残差、模型预测中系统误差的一个例子、自定义函数计算R方指标和均方根误差RMSE
R语言使用lm构建线性回归模型.并将目标变量对数化(log10)实战:可视化模型预测输出与实际值对比图.可视化模型的残差.模型预测中系统误差的一个例子 .自定义函数计算R方指标和均方根误差RMSE 目 ...
python中self_一个例子带你入门Python装饰器
============ 欢迎关注我的公众号:早起python ============ 前言在还未正式发布的python3.9中,有一个新功能值得关注,那就是任意表达式可以作为装饰器,如果你还不知 ...
ftp服务器文件备份,数据备份是十分重要的，下面是通过ftp将本机数据备份到远程服务器的一个例子...
数据备份是十分重要的,下面是通过ftp将本机数据备份到远程服务器的一个例子以备份oracle数据为例本机IP:192．168．0．1 远程IP:192．168．0．111 备份脚本 ora_bak ...
Bootice1.34版本把grub4dos0.46a写入硬盘MBR失败一个例子
Bootice1.34版本把grub4dos0.46a写入硬盘MBR失败一个例子一个同事的台式机,BIOS启动,500GB硬盘,分了四个MBR分区,C盘是激活的主分区,第二个分区50 ...

rxjs 操作符 pairwise 的一个例子

rxjs 操作符 pairwise 的一个例子相关推荐

最新文章

热门文章