JSのpushを同じ配列に対し、非同期かつ同タイミングで行った場合の挙動について

Question

前提

次のコードについて、JSの仕様的なところが知りたいです。

私の知識では、非同期で同配列に対しpushを行うと、同タイミングでpushされた分、想定より、少ないサイズになると予測していましたが、
実際は、100*100の10000になります。これは何度実行しても同じでした。

非同期で、同タイミングでpushを行っても、それらのpushは干渉せず、必ず配列に挿入されるのか？という点が知りたいです。

該当のソースコード

const ary = [];
for (let i=0;i<100;i++) {
   ary.push(1);
}

const test = [];
await Promise.all(
  ary.map((item) => {
    fetch(~略~).then((data) => {
       for (let i=0;i<100;i++) {
          test.push(i);
       }
    })
  })
)

console.log(test)

Answer 1

同タイミングでpushされた分

（通常の実行環境では）JavaScriptはシングルスレッドである以上、そんなことは発生しません。

Comments

[maisumakun]

というより、ary.map自体は同期的に実行されるので、ご提示のコードは「非同期のpush」にすらなっていません（同期的にpushし終わった後の配列をPromise.allに投げ込む、というほとんど意味のないことを行っている状態です）。

[aiu333]

すいません。例として書いていて間違ってました。
ary.map内でPromiseを返すfetchなどを実行している感じです(編集しなおしました)。

シングルスレッドで動いていることを忘れてました。
Promiose.allは並列ではなく、処理の多重化で並列に見せかけているだけなんですよね。
理解しました。ありがとうございます。

[maisumakun]

例外的に、複数のコンテキスト（ブラウザメインとWeb Workerなど）で共有が可能なSharedArrayBufferがありますが、これは複数箇所からの操作を行う場合、Atomics.以下にある不可分操作を活用して矛盾しないようにする必要があります。