Skip to content
On this page

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.