RxJS reduce

2020-10-14 10:29 更新

在源 Observable 上应用累加器函数,并在给定可选种子值的情况下在源完成时返回累加结果。

reduce<T, R>(accumulator: (acc: T | R, value: T, index?: number) => T | R, seed?: T | R):OperatorFunction<T, T | R>

参量

累加器 在每个源值上调用累加器函数。
种子 可选的。默认值为undefined。初始累积值。

returns

OperatorFunction<T, T | R>:一个 Observable 发出一个值,该值是对源 Observable 发出的值进行累加的结果。

描述

使用累加器函数将源上发出的所有值合并在一起,该函数知道如何将新的源值结合到过去的累加中。

减少大理石图

像 Array.prototype.reduce()一样 , 对累积和源 Observable 的每个值(过去)reduce应用一个accumulator函数,以将其减少为单个值,并在输出 Observable 上发出该值。请注意reduce,仅当源 Observable 完成时才会发出一个值。等效于应用运算符,scan然后是 operator last

返回一个 Observable,它将一个指定的accumulator函数应用于源 Observable 发出的每个项目。如果 seed 指定了一个值,则该值将用作累加器的初始值。如果未指定种子值,则将源的第一项用作seed。

计算 5 秒钟内发生的点击事件数

import { fromEvent, interval } from 'rxjs';
import { reduce, takeUntil, mapTo } from 'rxjs/operators';


const clicksInFiveSeconds = fromEvent(document, 'click').pipe(
  takeUntil(interval(5000)),
);
const ones = clicksInFiveSeconds.pipe(mapTo(1));
const seed = 0;
const count = ones.pipe(reduce((acc, one) => acc + one, seed));
count.subscribe(x => console.log(x));

超载

reduce(accumulator: (acc: R, value: T, index: number) => R, seed: R): OperatorFunction<T, R>

参量 类型
累加器 类型:(acc: R, value: T, index: number) => R
seed 类型:R

returnsOperatorFunction<T, R>
reduce(accumulator: (acc: T, value: T, index: number) => T, seed?: T): MonoTypeOperatorFunction<T>

参量 类型
累加器 类型:(acc: T, value: T, index: number) => T
seed 可选的。默认值为undefined。类型:T

returnsMonoTypeOperatorFunction<T> reduce(accumulator: (acc: R, value: T, index: number) => R): OperatorFunction<T, R>

参量 类型
累加器 类型:(acc: R, value: T, index: number) => R

returnsOperatorFunction<T, R>

也可以看看

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号