RxJS - Groupe d'opérateurs de transformation

Dans l'opérateur groupBy, la sortie est regroupée en fonction d'une condition spécifique et ces éléments de groupe sont émis en tant que GroupedObservable.

Syntaxe

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

Paramètres

keySelector_func - Une fonction qui donne la clé pour chaque élément de la source observable.

Valeur de retour

La valeur de retour est un Observable qui émet des valeurs en tant que GroupedObservables.

Exemple

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

Si vous voyez la sortie, c'est une observable dans laquelle les éléments sont regroupés. Les données que nous avons fournies ont 2 groupes QA et Développement. La sortie montre le regroupement des mêmes comme indiqué ci-dessous -

Production

↰ Previous page