Skip to content
On this page

Comment utiliser findIndex sur RxJS ?

Pour utiliser la méthode findIndex avec RxJS, vous devez d'abord importer l'operateur findIndex à partir de RxJS en utilisant la syntaxe suivante :

js
import { findIndex } from 'rxjs';

Ensuite, vous pouvez utiliser l'opérateur findIndex avec un observable en appelant la méthode pipe sur l'observable, puis en passant l'opérateur findIndex en tant qu'argument de la méthode pipe comme suit :

js
myObservable.pipe(findIndex(predicate));

Dans cet exemple, predicate est une fonction qui prend un élément de l'observable en tant qu'argument et qui retourne true si l'élément doit être inclus dans la recherche, ou false dans le cas contraire. L'opérateur findIndex retournera l'index de la première valeur dans l'observable qui correspond à la fonction predicate, ou -1 si aucune valeur ne correspond.

Voici un exemple complet d'utilisation de l'opérateur findIndex avec RxJS :

js
import { of, findIndex } from 'rxjs';

const myObservable = of(1, 2, 3, 4, 5);

const index = myObservable.pipe(
  findIndex(x => x > 3)
);

index.subscribe(i => console.log(i));
// Output: 3

Dans cet exemple, l'observable myObservable contient les valeurs 1, 2, 3, 4, et 5, et la fonction predicate retourne true pour les valeurs supérieures à 3