Rxjs-transformation-operator-groupby

RxJS-変換演算子groupBy

groupBy演算子では、出力は特定の条件に基づいてグループ化され、これらのグループアイテムはGroupedObservableとして出力されます。

構文

groupBy(keySelector_func: (value: T) => K):GroupedObservables

パラメーター

*_keySelector_func_* -ソースオブザーバブルから各項目のキーを提供する関数。

戻り値

戻り値は、GroupedObservableとして値を出力するObservableです。

例

import { of , from} from 'rxjs';
import { groupBy } from 'rxjs/operators';

const data = [
   {groupId: "QA", value: 1},
   {groupId: "Development", value: 3},
   {groupId: "QA", value: 5},
   {groupId: "Development", value: 6},
   {groupId: "QA", value: 2},
];

from(data).pipe(
   groupBy(item => item.groupId)
)
.subscribe(x => console.log(x));

出力が表示された場合は、項目がグループ化されているオブザーバブルです。 私たちが提供したデータには、QAと開発の2つのグループがあります。 出力は以下に示すように同じのグループ化を示しています-

出力

groupByオペレーター