如何使用RxJs distinctUntilChanged?

时间:2016-03-28 22:05:39

标签: javascript rxjs rxjs5

我开始使用RxJs(使用v5测试版),但不知怎的,我无法弄清楚如何使用distinctUntilChanged。如果我在babel-node中运行它,下面代码的输出是

[ 'a', 1 ]
{ key: 'a', state: 1 }
Next:  { value: 42 }
Completed

这不是我所期望的。为什么只有一个条目通过distinctUntilChanged?我希望输出是

[ 'a', 1 ]
[ 'a', 0 ]
[ 'a', 1 ]
{ key: 'a', state: 1 }
{ key: 'a', state: 2 }
{ key: 'a', state: 0 }
{ key: 'a', state: 1 }
Next:  { value: 42 }
Next:  { value: 24 }
Completed

这是代码

import {Observable} from 'rxjs'

Observable.of(['a', 1], ['a', 1], ['a', 0], ['a', 1])
  .distinctUntilChanged(x => x[1])
  .subscribe(x => console.log(x))

Observable.of({key: 'a', state: 1}, {key: 'a', state: 2}, {key: 'a', state: 0}, {key: 'a', state: 1})
  .distinctUntilChanged(x => x.state)
  .subscribe(x => console.log(x))

Observable.of({value: 42}, {value: 42}, {value: 24}, {value: 24})
  .distinctUntilChanged(x => x.value)
  .subscribe(
    function (x) {
      console.log('Next: ', x)
    },
    function (err) {
      console.log('Error: ' + err)
    },
    function () {
      console.log('Completed')
    }
  )

这些功能的v5文档中的links似乎已经死了

------编辑-----

一些额外的调试:

Observable.of(['a', 1], ['a', 1], ['a', 0], ['a', 1])
  .do(x => console.log('before', x))
  .distinctUntilChanged(x => x[1])
  .do(x => console.log('after', x))
  .subscribe(x => console.log(x))

输出:

before [ 'a', 1 ]
after [ 'a', 1 ]
[ 'a', 1 ]
before [ 'a', 1 ]
before [ 'a', 0 ]
before [ 'a', 1 ]

2 个答案:

答案 0 :(得分:31)

我得到了答案here。基本上,函数签名从(键选择器,比较器)变为(比较器,键选择器)。

这是在v5中完成示例的方式:

Observable.of(['a', 1], ['a', 1], ['a', 0], ['a', 1])
  .distinctUntilChanged(null, x => x[1])
  .subscribe(x => console.log(x))

答案 1 :(得分:1)

这是sample,您的代码是Rxjs V4。您将看到它正常工作。

Observable.of(['a', 1], ['a', 1], ['a', 0], ['a', 1])
  .distinctUntilChanged(x => x[1])
  .subscribe(x => console.log(x))
...

所以它似乎与新的beta版本有关。以下是distinctUntilChanged的规范。运营商本身似乎与第4版一样。

为了测试,我建议您通过在运算符之间插入.do(function(x){console.log(x)})来跟踪每个函数的输出。我只能想到of运算符可能只传递数组的最后一个元素。