ここから
一気に難しくなります。

この辺りは最近の書き方ですが、未だに分かってません。

fetch(url)
は既にあるメソッドでしょうか？

.then((response) => response.json())
.then((data) => {
shopInfo = data[shopName];
ここですが、data という変数はどこから出てくるのでしょう？


shopInfo.forEach((row, index) => {
ここですが、
shopInfo.forEach((一つ目パラメータ, 二つ目パラメータ) => {
一つ目パラメータに一行のマップがどうして保存されるのでしょうか？
二つ目パラメータはshop.jsonの上からの行数が0始まりでいつの間にか保持されているのが不思議です。

> fetch(url)
> は既にあるメソッドでしょうか？

はい、そうです。


> ここですが、data という変数はどこから出てくるのでしょう？


これは、任意です。
後にでてくる以下のdataとつながります。
shopInfo = data[shopName];


>一つ目パラメータに一行のマップが
> どうして保存されるのでしょうか？

fetch でjsonデータを取得する際の仕様でいいかと思います。





>
>
> shopInfo.forEach((row, index) => {
> ここですが、
> shopInfo.forEach((一つ目パラメータ, 二つ目パラメータ) => {
> 一つ目パラメータに一行のマップがどうして保存されるのでしょうか？
> 二つ目パラメータはshop.jsonの上からの行数が0始まりでいつの間にか保持されているのが不思議です。
>