Categories: RxJS教程

RxJS-数学运算符Reduce

在reduce运算符中,累加器函数用于可观察的输入,并且累加器函数将以可观察的形式返回累加值,并将可选的种子值传递给累加器函数。

reduce()函数将接受两个参数,一个是累加器函数,第二个是种子值。

语法

reduce(accumulator_func, seeder?) : Observable

参量

accumulator_func-(可选)。在可观察对象的源值上调用的函数。

seeder -((可选)默认情况下未定义。要考虑累积的初始值。

返回值

它将返回具有单个累加值的可观察值。

我们将看到一些示例来了解reduce运算符的工作方式。

例子1

import { from } from 'rxjs';
import { reduce } from 'rxjs/operators';

let items = [
   {item1: "A", price: 1000.00},
   {item2: "B", price: 850.00},
   {item2: "C", price: 200.00},
   {item2: "D", price: 150.00}
];
let final_val = from(items).pipe(reduce((acc, itemsdet) => acc+itemsdet.price, 0));
final_val.subscribe(x => console.log("Total Price is: "+x));

输出

Total Price is: 2200
terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

聊聊vue3中的defineProps

在Vue 3中,defineP…

2 天 ago

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

7 天 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

2 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

3 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

3 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

4 周 ago