JavaScript 配列

JavaScript の for ループで await を使う

JavaScript の for ループで await を使うときは次のようにする。

async function g () {
    for await (const li of document.querySelectorAll('li')) {
        const r = delete(li)
    }
}

for のすぐ後に await を指定する。これは async 関数の中で使う。

delete がネットワーク通信をともなう処理時間の長い関数で、さらにループに await を使わなかったらどうなるか? その場合、前の delete が終わらないまま、次の delete が実行される。

ループ内の関数を順番に実行したいときは for await を使うとうまくいく。