Array.fromAsync() | Frontend Practical Guide

Newly available 主要ブラウザの最新版で対応済み。古いブラウザが対象外なら使用可能。

対応ブラウザ

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`Array.fromAsync`	121	121	115	16.4	121	16.4

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

JAVASCRIPT

async function* asyncRange(n) {
  for (let i = 0; i < n; i++) yield i;
}

const arr = await Array.fromAsync(asyncRange(5));
// [0, 1, 2, 3, 4]

時間をかけて値を生成する非同期ソースから一括で配列を作成します。

複数の Promise が解決された結果を配列にまとめます。

各要素を非同期的に加工しながら配列を生成します。

Array.fromAsync() の活用

Array.fromAsync() は静的メソッドで、非同期反復可能オブジェクト、反復可能オブジェクト、配列風のオブジェクトから、シャローコピーされた新しい配列インスタンスを作成します。