RxJS reduce

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

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

参量

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>

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

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

returnsOperatorFunction<T, R>

也可以看看

• count
• expand
• [mergeScan_blank]()_blank](https://www.w3cschool.cn/rxjs/rxjs-4rka3ciu.html)
• scan