RxJS 减少一个 ReplaySubject

Question

我正在使用 ReactiveX/RxJS 版本。

假设我有一个 Rx.ReplaySubject，它每 2 秒发出一个对象，该对象包含一个 id 和一个带有值的数组。我想减少这个值数组并得到它们的总和。

问题是 ReplaySubject 是一个热门的 observable 并且它永远不会完成，至少我不希望它完成，因为我想要每 2 秒该对象值的总和。但是为了使用 reduce 运算符，应该完成 observable。那么，我该怎么做呢？

E.G 不工作代码：

var subject = new Rx.ReplaySubject();

subject.
  map(x => x.transactions).
  // Reduce never concludes because ReplaySubject instance is not completed
  reduce((v1, v2) => v1+v2, 0).
  subscribe(function (value) {
    console.log(value)
  });

setInterval(injectData, 2000);

function injectData () {
  subject.next({id: Date.now(), transactions: [
    {value: Math.round(Math.random() * 5000)},
    {value: Math.round(Math.random() * 5000)},
    {value: Math.round(Math.random() * 5000)},
    {value: Math.round(Math.random() * 5000)},
    {value: Math.round(Math.random() * 5000)}
  ]});
}

Answer 1

考虑使用Observable.prototype.scan() (RxJS documentation)

scan() 基本上聚合一个 observable 并发出每个连续的值，不像 reduce() 只在完成时发出结果。 （见scan和reduce的Rx解释）

使用 OP 代码的示例（这里是 fiddle）：

var subject = new Rx.ReplaySubject();

subject
  // note: use "selectMany" to flatten observable of observables
  .selectMany(x => Rx.Observable.fromArray(x.transactions))
  // note: use "scan" to aggregate values
  .scan((agg, val) => agg+val.value, 0)
  .subscribe(function (value) {
    console.log(value)
  });

setInterval(injectData, 2000);

function injectData () {
  subject.onNext({id: Date.now(), transactions: [
    {value: Math.round(Math.random() * 5000)},
    {value: Math.round(Math.random() * 5000)},
    {value: Math.round(Math.random() * 5000)},
    {value: Math.round(Math.random() * 5000)},
    {value: Math.round(Math.random() * 5000)}
  ]});
}

另一个例子：

由于selectMany()，上面的代码会为每个事务发出聚合。如果您只希望它每 2 秒发射一次，那么现在是使用 reduce() 的好时机（这是另一个 fiddle）：

subject
  // note: use "selectMany" to flatten observable of observables
  // note: using "reduce" inside here so that we only emit the aggregate
  .selectMany(x => 
    Rx.Observable
      .fromArray(x.transactions)
      .reduce((agg, val) => agg + val.value, 0)
  )
  // note: use "scan" to aggregate values
  .scan((agg, val) => agg+val, 0)
  .subscribe(function (value) {
    console.log(value)
  });

补充说明：

Rx Subjects 可以完成；准备好后，您只需致电onCompleted()。如果你完成了你的主题，你仍然可以使用reduce()。将此fiddle 与上面的进行比较。