Skip to content
On this page

Comment utiliser elementAt sur RxJS ?

L'opérateur elementAt de RxJS permet de récupérer l'élément situé à un index spécifique dans une source de données sous forme d'observable. Voici comment l'utiliser :

js
import { elementAt } from 'rxjs';

const source = of(1, 2, 3, 4, 5);
const example = source.pipe(elementAt(2));

// affiche 3
const subscribe = example.subscribe(val => console.log(val));

Dans cet exemple, l'opérateur elementAt est utilisé pour récupérer l'élément situé à l'index 2 (dans un tableau, cela correspondrait à l'élément 3) dans la source d'observables source. L'opérateur retourne un observable contenant l'élément à l'index spécifié, que vous pouvez souscrire pour récupérer la valeur de cet élément.

WARNING

Notez que si l'index spécifié est supérieur à la longueur de la source d'observables, l'observable retourné par elementAt se terminera sans émettre d'élément. Par exemple, si vous utilisez l'opérateur elementAt sur la source source ci-dessus avec un index supérieur à 4 (par exemple 5), l'observable retourné se terminera immédiatement sans émettre d'éléments.