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

Array.fromAsync()

Array.fromAsync() は非同期イテラブルや Promise の配列から新しい配列を非同期的に生成します。for await...of ループの代替として使えます。

配列ES2024

概要

Array.fromAsync() は非同期イテラブルや Promise の配列から新しい配列を非同期的に生成します。for await...of ループの代替として使えます。

対応ブラウザ

機能 デスクトップ モバイル
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() の活用

    非同期イテラブルから配列を生成する静的メソッド。async generator との組み合わせに便利。

注意点

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

アクセシビリティ

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

参考リンク

Powered by web-features