MENU

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

Angular
当ページのリンクには広告が含まれています。
topromise
この記事で解決できる悩み
いずみ

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

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

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

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

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

いずみ

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

執筆者／監修者
  • フリーランスエンジニア（保有資格個）
  • ブログ・アフィリエイト歴5年
  • ブランドせどりで月利50万円⇨脱サラ
  • 投資歴5年（仮想通貨・FXが得意）
  • Twitterフォロワー約2,000人
  • 運営者情報はこちら
いずみです
目次

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して返却します。

RxJS
lastValueFrom
RxJS
Conversion to Promises

まとめ

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

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

まとめ
  • toPromiseはRxJS7で非推奨になり、RxJS8で廃止される。
  • toPromiseの代わりにlastValueFromを使う。
まとめ♪
  • おすすめ本
Angularアプリケーションプログラミング
¥4,070 （2023/07/23 15:56時点 | Amazon調べ）
Amazon
楽天市場

Angularの勉強なら「」が分かりやすくておすすめですよ♪

いずみ

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

  • プログラミングの記事はこちら
プログラミング記事へ
  • クソおすすめ本
世界一流エンジニアの思考法 牛尾剛
¥4,480 （2024/06/01 23:28時点 | Amazon調べ）
Amazon
楽天市場
いずみ

海外のエンジニアがどういった思考で働いているかが理解できます。

海外に行く気はないけど海外エンジニアの動向が気になる雑魚エンジニアにおすすめです（本当におすすめな本しか紹介しないのでご安心を）。

Angular
topromise

この記事が気に入ったら
フォローしてね！

シェアしてね！
  • URLをコピーしました！
目次