映射运算符返回整数作为输出,数组作为输入

时间:2019-02-05 14:49:51

标签: javascript rxjs rxjs6 rxjs-pipeable-operators

这是文档中的示例代码。我是RXJS的新手,所以这可能真的很容易。

有人能解释一下映射运算符在对数组进行运算后如何返回一位整数吗?

我检查了扫描运算符的返回值是一个从[0],[0,1],[0,1,2],[0,1,2,3] ....和等等。

// RxJS v6+
import { interval } from 'rxjs';
import { scan, map, distinctUntilChanged } from 'rxjs/operators';

// Accumulate values in an array, emit random values from this array.
const scanObs = interval(1000)
  .pipe(
    scan((a, c) => [...a, c], []),
    map(r => r[Math.floor(Math.random() * r.length)]),
    distinctUntilChanged()
  )
  .subscribe(console.log);

1 个答案:

答案 0 :(得分:0)

Interval每秒发出一个递增的整数,扫描然后将该整数添加到数组,然后映射取出该数组的随机元素,distinctUntilChanged阻止它连续两次发出相同的数字。

一种更有效的方法来获得一个随机数,其中最大可能数每次增加一个,

const { interval } = rxjs;
const { map, distinctUntilChanged } = rxjs.operators;

interval(1000).pipe(
  map(i => Math.ceil(Math.random() * i)),
  distinctUntilChanged()
).subscribe(val => { console.log(val); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.4.0/rxjs.umd.min.js"></script>

无需将所有先前的值存储在数组中。