codecamp

RxJS reduce

在源 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>

也可以看看

RxJS race(已弃用)
RxJS refCount
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

RxJS operators

RxJS fetch

RxJS testing

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }