JavaScriptでforEachのasync/awaitなしでも配列の順番通りの実行結果を得る
サイトの複数の要素にJavaScriptで共通の処理を行うとき、forEach()メソッドがとても便利で、良く使っている。 const atpss = document.querySelectorAll("article.post"); atpss.forEach(atps => { // 全てのarticle.postへの共通の処理 }); forEach()メソッドは反復処理のfor文のように数を気にせず、いつでもそれだけで配列を扱えるから簡単だし、サイトの要素を取り込むquerySelectorAll()メソッドによるノードリスト(配列と似たもの)にも対応しているから使い易い。 しかしasync/await、またはPromiseの非同期処理を組み込むことができない。 いい換えると複数の要素に対する複数の処理を前のものが終わっ…