0

私はこのデータ構造を持っています:

[{
    id : 1,
    name : "Item 1",
    subItems : [{
            id : 1,
            name : "SubItem 1"
        },{
            id : 2,
            name : "SubItem 2"
        }
    ]
}, {
    id : 2,
    name : "Item 2",
    subItems : [{
            id : 3,
            name : "SubItem 3"
        }, {
            id : 4,
            name : "SubItem 4"
        }
    ]
}]

アイテムを取得するために、Web サービスに対して次の呼び出しを行います。 this.dataService.get("items")

返されるのはObservable<Item[]>. SubItem の連結リストのみを取得するために使用できる Observable 演算子は何ですか? 私はこのようなもので終わりたいと思います:

[{
    id : 1,
    name : "SubItem 1"
}, {
    id : 2,
    name : "SubItem 2"
},
{
    id : 3,
    name : "SubItem 3"
}, {
    id : 4,
    name : "SubItem 4"
}]

またはのようなものを使用する必要がありますflatMapかconcat？

4

2 に答える 2

1

それがタイプミスであり、2 番目の要素にsubItemsもある (およびないsearchProfiles) 場合、flatMap やそのようなものは必要ありません。js 配列演算子を使用してプレーン マップで実行できます。

var transformed = [].concat(...result.map(item => item.subItems));

またはあなたの場合

httpResult$.map(result => [].concat(...result.map(item => item.subItems))

異なるキーを意図的に使用する場合、内部マップにはもう少しロジックが必要になりますが、マッピングはまったく同じになります

于 2016-10-31T17:17:45.337 に答える
1

最初のmap()演算子で必要なフィールドのみを抽出し、オブジェクトの配列をフラット化しますconcatAll()(高次の Observable ではちょっとしたトリックです。詳細については、ネストされた Observableのサブスクライブを参照してください)。

var data = [{
    id : 1,
    name : "Item 1",
    subItems : [
        { id : 1, name : "SubItem 1" },
        { id : 2, name : "SubItem 2" }
    ]
}, {
    id : 2,
    name : "Item 2",
    searchProfiles : [
        { id : 3, name : "SubItem 3" },
        { id : 4, name : "SubItem 4" }
    ]
}];

Observable.from(data)
    .map(item => {
        if (item.searchProfiles) {
            return item.searchProfiles;
        } else if (item.subItems) {
            return item.subItems
        }
    })
    .concatAll()
    .subscribe(val => console.log(val));

これはコンソールに出力されます：

{ id: 1, name: 'SubItem 1' }
{ id: 2, name: 'SubItem 2' }
{ id: 3, name: 'SubItem 3' }
{ id: 4, name: 'SubItem 4' }

または、出力を単一の配列として本当に必要な場合は、 とtoArray()の間に演算子を追加する.concatAll()と、次のように.subscribe(...)なります。

[ { id: 1, name: 'SubItem 1' },
  { id: 2, name: 'SubItem 2' },
  { id: 3, name: 'SubItem 3' },
  { id: 4, name: 'SubItem 4' } ]
于 2016-10-31T17:21:08.803 に答える