Promise.allSettled()

概要

Promise.allSettled() は渡された Promise がすべて確定するまで待ち、各 Promise の結果を { status, value/reason } オブジェクト의配列で返します。Promise.all と異なり、一部が reject されても全体が失敗しません。

対応ブラウザ

基本構文

const results = await Promise.allSettled([
  fetch('/api/users'),
  fetch('/api/posts'),
  fetch('/api/comments'),
]);

const successful = results
  .filter(r => r.status === 'fulfilled')
  .map(r => r.value);

const failed = results
  .filter(r => r.status === 'rejected')
  .map(r => r.reason);

ライブデモ

実務での使いどころ

• Promise.allSettled() の活用

  すべての Promise が確定（fulfilled または rejected）するまで待つメソッド。部分的な成功を許容する場合に有効。

注意点

アクセシビリティ

• JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。

参考リンク

• MDN Web Docs — Promise.allSettled()

Powered by web-features