JavaScriptのforEachでawaitが効かない理由 - Qiita

背景 JavaScriptでは forEach という配列から要素を取り出して反復処理できる関数があります。 前の記事 JavaScriptのforEach内でbreakができない理由【備忘録】 では、 forEach の中では break が使えず、途中でループを抜けることができない理由についてまとめました。 今回はその続きとして、forEach の内部で await を使った場合に、非同期処理の完了を待たずに次の処理へ進んでしまう、という挙動について理由を調べてみました。 forEach内でawaitしてみる forEach の中で await して得られた値を配列に追加し、 forEach の直後に配列を console.log で出力する例で確認します。 for文の感覚でいえば、イテレーション中の await で都度処理を待ってくれるイメージなので、全ての要素への処理が終わったら配

[takashiski]

「引数として同期関数を期待しているから」でおしまいだと思ってた/さらに言うなら、戻り値がない同期関数ね https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

[megumin1]

効かないのが当たり前。記事のタイトルが変すぎる。むしろawaitが効くと考えてしまう人は圧倒的少数派でしょ。前の記事といい、この著者、おそろしく基本的なところをこれっぽっちも理解していないのでは？

[suka6411144]

書いてる通りに動いてるから何を疑問に思っているかわからない/多分やりたいことはforEach処理をasync関数でラップしてawaitすれば実現するんじゃなかろうかか

[atsushieno]

AIはこういうタイプの間違いをあんましやらない（無いとはいわないが）。JavaScriptプログラミング初心者がやらかすタイプの勘違い。/ 自分が言語仕様を誤解していた、という記事なら否定的なコメントはつかないな。

[door-s-dev]

何となくループの代わりに使ってると間違える

[ghostbass]

最近見た。ややこしい

[strawberryhunter]

無名関数でasyncを書くときは async arg => {} なんだね。恥ずかしながら知らなかったわ。でもこの記事の結果は当たり前に見える。forEach()なんか、自分のコードでは絶対に書かないわ。何のために使うんだ？

[mysql8]

for await...of使えよ

[cpw]

Promise.all(array.map...)を使う。

[kabochatori]

コメント欄のAsync Iterator HelpersやArray.fromAsync知らなかった

[jintrick]

"for...of構文を使うことで、配列の各アイテムを非同期処理することができます"

[fukken]

forEachでasync関数を受け取れたとして、そいつら間の実行順や条件はどうなる？

[hatest]

settimeoutで1秒待つ非同期処理ってわかりやすくするために直接Promiseで返しただけで、AI使ったとか言われんのか。await使ったら必ずasync使わないといけない決まりでもないし、AIだとasyncが出力されないってのもおかしくね？

[buriburiuntitti]

スクリプト言語ってキモいことしか起こらんイメージだ

[manaten]

単にforEachメソッドの機能・実装の話だった。非同期処理をループしたいならfor of構文、高階関数を使いたい場合はPromiseの配列をPromise.allする(並列実行)かreduce(直列実行)でどうぞ。めんどい場合はp-allなどのライブラリを。

[Shinwiki]

真っ先にdosのループ思い出した

[odakaho]

よくわからんけど結局forEachが構文でなくメソッドだからてことよね

[gowithyou]

何でプログラミング例でawait使ってるのにasync使ってないんだろうな？AIにプログラム作らせたとかかな？