Rxjs-filtering-operator-elementat

RxJS-フィルタリング演算子elementAt

この演算子は、与えられたインデックスに基づいて、ソースオブザーバブルから単一の値を返します。

構文

elementAt(index: number): Observable

パラメーター

*_index_* -渡される引数は、0から始まるタイプ番号のインデックスです。 このインデックスのソースオブザーバブルからの値が返されます。

戻り値

オブザーバブルは、指定されたインデックスに基づく値とともに返されます。

例

import { fromEvent} from 'rxjs';
import { elementAt } from 'rxjs/operators';

let btn = document.getElementById("btnclick");
let btn_clicks = fromEvent(btn, 'click');
let case1 = btn_clicks.pipe(elementAt(4));
case1.subscribe(x => console.log(x));

elementAt（4）を使用したので、インデックスが0から始まる5回目のクリックが発生します。

出力

elementAtオペレーター