RxJS - 變換運算子 groupBy

在 groupBy 運算子中，輸出基於特定條件進行分組，並且這些組項作為 GroupedObservable 發射。

語法

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

引數

keySelector_func − 給 source observable 中每個項指定鍵的函式。

返回值

返回值是 observable，它會以 GroupedObservables 形式發射值。

示例

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));

如果你看到輸出，它是一種 observable，其中項分組。我們給出的資料具有 QA 和開發兩個組。輸出顯示了以下所示的相同分組 -

輸出