Appearance
Comment utiliser map sur RxJS ?
map
est une opération de base de RxJS qui permet de transformer les éléments émis par un observable en utilisant une fonction de transformation donnée. Pour utiliser map
, vous devez d'abord importer l'opérateur depuis RxJS:
js
import { map } from 'rxjs';
Ensuite, vous pouvez l'appliquer à un observable en appelant la méthode pipe
de l'observable, en passant map
en tant qu'argument, ainsi que la fonction de transformation que vous souhaitez utiliser. Voici un exemple simple qui utilise map
pour transformer les éléments émis par un observable en nombres au carré :
js
import { map } from 'rxjs';
const observable = new Observable(subscriber => {
for (let i = 0; i < 10; i++) {
subscriber.next(i);
}
});
observable
.pipe(
map(x => x * x)
)
.subscribe(x => console.log(x));
Dans cet exemple, l'observable émet des valeurs de 0 à 9, et la fonction de transformation x => x * x
est appliquée à chaque valeur pour la transformer en son carré. Ainsi, les valeurs imprimées dans la console sont 0, 1, 4, 9, 16, 25, 36, 49, 64, 81.