角度/ RxJS/Typescriptは私のデータがオブジェクトであり、配列ではないと考えていますか？

Question

私は誓います、RxJSは私の死になるでしょう。私はこれがRxJS、Typescript、またはAngularのいずれかの実装の実際のバグだと確信しています。これはthe RxJS docs page上で動作します（そのページ上のJavaScriptコンソールがRxJSサンドボックスとして機能します）：

new Rx.Observable(observer => observer.next([{ 
    id: 0, 
    name: 'John Doe' 
    }, { 
    id: 1, 
    name: 'Jane Smith' 
    }])) 
    .map(data => data.filter(item => item.name === 'John Doe')) 
    .subscribe(data => console.log(data), err => console.log(err)) 

しかし、まったく同じコードは、私の角のアプリケーションで私にエラーProperty 'filter' does not exist on type '{}'.を与えています。 data.filter部分を参照してください。その時点でdataが最も確かに配列なので、なぜそうは思わないのか分かりません。

アプリケーションが使用しているrxjsのバージョンを更新しましたが、何も変更されませんでした。どんな支援も大歓迎です。 RxJSは、これらの不一致がなくてもすでに十分に難しいです！

Answer 1

.mapの中で.filterメソッドを使用しています。どちらの方法もデータを繰り返し処理します。つまり、.filterメソッド内でオブジェクトにアクセスしようとすると、dataにオブジェクトが含まれています。

new Rx.Observable(observer => observer.next([ 
    {id:0, name:'John Doe'}, 
    {id:1, name:'Jane Smith'} 
])).map(data => { 
    // data is an object since map iterates over your array 
    return data.filter(item => item.name === 'John Doe') 
).subscribe(data => console.log(data), err => console.log(err)) 

---

更新：

、あなたのデータをフィルタリングしたい場合は、map fucnctionを必要としません。

は、単純に次の操作を行います。

new Rx.Observable(observer => observer.next([ 
    {id:0, name:'John Doe'}, 
    {id:1, name:'Jane Smith'} 
])) 
.filter(item => item.name === 'John Doe') 
.subscribe(data => console.log(data), err => console.log(err)) 

Answer 2

これはtypescriptです側の問題ではなく、実際のコード側の動作です。このコードをJSのように実行すると、値はサブスクリプションを介してログに記録されます。ここで

主な問題がある

、あなたが new Observable() CTOR経由で観測可能作成するとき、あなたが提供する機能を購読する代わりに、関数のパラメータを購読する Observable<T>から推論の流れを入力経由して、観察の種類を推測することができません。その原因は、observableの型が Observable<{}>になり、配列のプロトタイプにアクセスできなくなります。

Observableをnew Observable<Array<{id: number, name: string}>>で作成すると、観測可能な演算子は正しく値の型を推測します。または、静的作成メソッドは、値の型推論を提供します。

Rx.Observable.of([{ 
    id: 0, 
    name: 'John Doe' 
}, { 
    id: 1, 
    name: 'Jane Smith' 
}]) 
.map(data => data.filter(item => item.name === 'John Doe')) 
.subscribe(data => console.log(data), err => console.log(err))