【RxJS】指定した秒数遅らせてデータを処理

概要

RxJSで指定した秒数遅らせてデータを処理したい場合、deleyオペレーターを使用します。
引数でnumber型を設定すればミリ秒単位の指定が出来ます。
ローディング処理とかの確認に使うと便利です。

動作環境

• RxJS 6.1.x
• TypeScript 2.8.x

サンプルソース

import { Observable, of } from 'rxjs';
import { delay } from 'rxjs/operators';

function getData(): Observable<string[]> {
    return of(['hoge', 'hige']).pipe(
        // 2000ミリ秒処理を待機
        delay(2000)
    );
}

function output(): void {
    getData().subscribe(data => {
        console.log(data);
    });
}

参考ＵＲＬ

• ReactiveX - Delay operator