toPromiseはRxJS8から廃止！lastValueFromを使おう！

いずみ

こんな悩みを解決できる記事を書きました！

僕は現役フリーランスエンジニア（歴8年）で、資格は13個保有しています。

RxJSで使用されるtoPromiseは、RxJS7で非推奨になり、RxJS8で廃止されます。

具体的なソースコードを交えて分かりやすく解説しますね。

本記事を読めば、toPromiseについてしっかり理解できますよ。

いずみ

すぐ読み終わるので、ぜひ最後まで読んでくださいね♪

toPromiseはRxJS8で廃止される

toPromiseはRxJS7で非推奨になり、RxJS8で廃止されます。

RxJSのバージョンによっては使用できなくなるので、なるべくtoPromiseは使わないようにしましょう。

RxJS

toPromise | Learn RxJS

toPromiseの代わりにlastValueFromを使おう！

toPromiseはRxJS8から使用できないので、代わりにlastValueFromを使用しましょう。

lastValueFrom

lastValueFrom(from([1, 2, 3])).then((value) => {
  console.log(value);
});

// 3

lastValueFromはObservableオブジェクトをPromiseに変換します。

名前の通り、最後にnextした値をresolveして返却します。

いずみ

firstValueFromという関数もあります。

lastValueFromとは逆で、最初にnextした値をresolveして返却します。

まとめ

今回は、toPromiseについて解説しました。

以下が本記事のまとめになります。

まとめ

• toPromiseはRxJS7で非推奨になり、RxJS8で廃止される。
• toPromiseの代わりにlastValueFromを使う。

まとめ♪

• おすすめ本

Angularアプリケーションプログラミング

¥4,070 （2023/07/23 15:56時点 | Amazon調べ）

Amazon

楽天市場

ポチップ

Angularの勉強なら「Angularアプリケーションプログラミング」が分かりやすくておすすめですよ♪

いずみ

最後までお読みいただき、ありがとうございました！