web-dev-qa-db-ja.com

RxJs distinctUntilChangedの使用方法

私はRxJを始めています（v5ベータ版を使用）が、どういうわけかdistinctUntilChangedを操作する方法がわかりません。 babel-nodeで実行した場合、以下のコードからの出力は

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

それは私が期待するものではありません。なぜ1つのエントリだけが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 ]
javascriptrxjsrxjs5
19
Thijs Koerselman

答えが得られました こちら 。基本的に、関数シグネチャは（キーセレクター、コンパレーター）から（コンパレーター、キーセレクター）に変更されました。

これは、v5での例の実行方法です。

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

ここに sample があります。コードはRxjs V4です。正しく動作することがわかります。

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

だから、新しいベータ版では何かのようです。 distinctUntilChanged の仕様は次のとおりです。オペレーター自体はバージョン4のように機能しているようです。

テストするために、演算子の間に.do(function(x){console.log(x)})を挿入して各関数の出力をトレースすることをお勧めします。 of演算子は、おそらく配列の最後の要素のみを渡すと考えることができます。

1
user3743222