javascript - 如何使用 RxJs distinctUntilChanged?

标签 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')
    }
  )

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

- - - 编辑 - - -

一些额外的调试:
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 ]

最佳答案

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

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

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

关于javascript - 如何使用 RxJs distinctUntilChanged?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36272036/

相关文章:

rxjs - RxJS 5 中不存在“mergeDelayError”

javascript - jquery DOM 函数返回未定义但 javascript 版本有效

javascript - Nodejs node-mysql模块未连接到数据库

javascript - 如果网页未加载,则显示评论/信息框的 Ajax 代码

forms - Angular 2 + ngrx(redux) + 表单

javascript - 在 Angular 中使用 debounceTime

javascript - Bootstrap 3.0 弹出窗口和工具提示

javascript - 从应用程序组件中清除/删除 Angular 应用程序服务变量依赖项的使用

javascript - Redux-Observable 中具有依赖关系的多个操作

javascript - 使用 RxJS 进行批处理?