javascript - forEach ループの後に出力されるのは最後のデータのみですか?

Question

コードに示されているように、foreach ループの後に生成されるデータは最後のものだけですか?私の console.log(index); コンソールは 0、1、2、3、4 を出力できますが、最終的にページに表示される画像はすべて 4 の場合の画像です。

リーリー

これはページに表示される効果です。すべての写真は最後のものです

Answer 1

画像を渡すのに同じ変数を使用しましたが、最終的には gongqiao.png によって上書きされたはずです。
配列内の各要素に対応する画像を保存したい場合は、配列を使用する必要があります。

Answer 2

おそらく this.imgSrc の最後の値が 4 で、前の値が保存されていないか、後続の操作が実行されなかったことが原因です

Answer 3

これを JavaScript アロー関数で使用しないでください
これを JavaScript アロー関数で使用しないでください
これを JavaScript アロー関数で使用しないでください