RxJS - 从可观察量中获取n个最后元素

时间:2017-12-20 17:13:17

标签: javascript rxjs reactive

我想从一个可观察者中获取最后三个元素。假设我的时间表看起来像这样:

--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

2 个答案:

答案 0 :(得分:19)

您可以使用SELECT `idproduct`,`idtransaction`,`idline`,`name`,`code`,`price`,`quantity`,`createon`,(price * quantity) AS `amount`,(SUM(price * quantity)) AS `sumamount` FROM `qrysales`

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条消息之前,您不会获得任何发射。

2019年1月:更新了RxJS 6

答案 1 :(得分:4)

您可以查看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>