javascript - Adakah hanya output data terakhir selepas gelung forEach?

Question

Seperti yang ditunjukkan dalam kod, adakah data yang dijana selepas gelung foreach hanya yang terakhir? Console.log(index); console saya boleh mencetak 0, 1, 2, 3, 4, tetapi gambar akhirnya dipaparkan pada halaman adalah semua gambar sekiranya: 4.

 this.items.forEach((item:any) => {
                  // var index = this.items.indexOf(item);
                  // console.log(index);
                     // this.index.push(index);
                  switch (this.items.indexOf(item)){
                      case 0: this.imgSrc ='assets/liangshi.png';
                        break;
                      case 1: this.imgSrc ='assets/xiela.png';
                        break;
                      case 2: this.imgSrc ='assets/xuansuo.png';
                        break;
                      case 3: this.imgSrc ='assets/ganggou.png';
                        break;
                      case 4: this.imgSrc ='assets/gongqiao.png';
                        break;
                      default:
                        this.imgSrc = 'assets/ICON4TEST.png';
                  }
              });

Ini adalah kesan yang dipaparkan pada halaman, semua gambar adalah yang terakhir

Answer 1

Anda menggunakan pembolehubah yang sama untuk menghantar imej, dan ia mesti telah ditimpa oleh gongqiao.png pada akhirnya.
Jika anda ingin menyimpan gambar yang sepadan untuk setiap elemen dalam tatasusunan, anda harus menggunakan tatasusunan.

Answer 2

Mungkin kerana nilai terakhir ini.imgSrc ialah 4, dan nilai sebelumnya tidak disimpan atau operasi seterusnya tidak dilakukan

Answer 3

Jangan gunakan ini dalam fungsi anak panah javascript
Jangan gunakan ini dalam fungsi anak panah javascript
Jangan gunakan ini dalam fungsi anak panah javascript