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

Array.fromAsync()

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

配列ES2024

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
javascript.builtins.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]

ライブデモ

asyncgenerator from generate

timebetween or value generateasyncso-s from batch in array create..

プレビュー全画面表示

Promise Array Convert

Multiple. Promise that result array to and..

プレビュー全画面表示

asyncmappingfunction

eachelement async to that array generate..

プレビュー全画面表示

実務での使いどころ

  • Array.fromAsync() の活用

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

注意点

  • 古いブラウザ（IE等）では対応していない。対象ブラウザを確認すること。

アクセシビリティ

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

参考リンク