RxJS

Question

我想从 observable 中取出最后 3 个元素。假设我的时间线是这样的：

--a---b-c---d---e---f-g-h-i------j->

其中：a, b, c, d, e, f, g, h, i, j are emitted values

每当发出新值时，我都想立即获取它，因此它看起来像这样：

[a]
[a, b]
[a, b, c]
[b, c, d]
[c, d, e]
[d, e, f]
[e, f, g]
[f, g, h]
... and so on

我认为这非常有用。想象一下建立一个聊天室，您希望在其中显示 10 条最新消息。每当收到新消息时，您想更新您的视图。

我的尝试：demo

Answer 1

你可以看看Observable#bufferCount函数。一个区别是它至少要发出 3 次（在本例中为第一个参数）。

const source = Rx.Observable.interval(1000);
const example = source.bufferCount(3,1)
const subscribe = example.subscribe(val => console.log(val));

<script src="https://unpkg.com/@reactivex/rxjs@5.4.3/dist/global/Rx.js"></script>

Answer 2

您可以为此使用 scan：

from(['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u'])
  .pipe(
    scan((acc, val) => {
      acc.push(val);
      return acc.slice(-3);
    }, []),
  )
  .subscribe(console.log);

这将打印：

[ 'a' ]
[ 'a', 'b' ]
[ 'a', 'b', 'c' ]
[ 'b', 'c', 'd' ]
[ 'c', 'd', 'e' ]
...
[ 's', 't', 'u' ]

bufferCount 不会做你想做的事。它只会在每个缓冲区正好是 === 3 时发出，这意味着在 post 至少 3 条消息之前你不会得到任何发射。

2019 年 1 月：针对 RxJS 6 更新

RxJS - 从可观察对象中取出 n 个最后元素

RxJS - take n last elements from an observable

javascript

reactive