rxjs-scan

最新推荐文章于 2025-05-08 16:34:33 发布

开水没有冬天

最新推荐文章于 2025-05-08 16:34:33 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： mp rxjs

本文链接：https://blog.csdn.net/weixin_42995876/article/details/100081635

rxjs 同时被 2 个专栏收录

6 篇文章

订阅专栏

5 篇文章

订阅专栏

本文深入探讨了JavaScript中的数组reduce方法与RxJS库中的Scan操作符的使用技巧。详细解析了reduce方法的参数与回调函数的工作原理，以及如何通过Scan操作符实现数据流的累加与数组构建。适合对数组操作与响应式编程感兴趣的技术人员阅读。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

- - arr.reduce(callback)
  - rxjs-scan：

arr.reduce(callback)

参考：https://www.cnblogs.com/leejersey/p/5466091.html

callback：执行数组中每个值的函数，包含四个参数

// 语法：
arr.reduce((previousValue, currentValue, index, array) => {
    return previousValue + currentValue;
}, initialValue)

参数：
previousValue：上一次调用回调返回的值，或者是提供的初始值（initialValue）。
currentValue 数组中当前被处理的元素。
index当前元素在数组中的索引。
array调用 reduce 的数组。
initialValue作为第一次调用 callback 的第一个参数。

注：initialValue可以省略；
如果省略的话，那么previousValue取arr[0]，currentValue取arr[1]；执行arr.length-1次。
如果没有省略的话，那么previousValue取initialValue，currentValue取arr[0]；执行arr.length次。

rxjs-scan：

example1：累加

const source = of(1, 2, 3);

// 基础的 scan 示例，从0开始，随着时间的推移计算总数
const example = source.pipe(scan((prev, curr) => {
  console.log(prev, curr);
  return prev + curr;
}, 0));

// 输出累加值
// 输出: 1,3,6

const subscribe = example.subscribe(val => {
  console.log(val)
});

or：example2：数组

const scanObs = interval(1000)
  .pipe(
    take(6),
    scan((prev:any, curr) => [...prev, curr], []),
  )
  .subscribe(console.log);

结果：

// [0]
// [0, 1]
// ...
// [0, 1, 2, 3, 4, 5]

注：
1.参数的顺序
2.subscribe直接传了个fn，也是可以的。
3.prev一定要带有参数类型，要不然报错的。eg：https://blog.csdn.net/loongsking/article/details/78271753