forEach循环后输出的只是最后一个数据吗？

Question

如代码所示，foreach循环后生成的数据只是最后一个吗？我console.log(index);控制台能打出来0，1，2，3，4啊，但是最后显示在页面上的图片都是case：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';

                  }

              });

这个是显示在页面上的效果，图片全是最后一个 

Answer 1

你使用了同一个变量来传递图片，最后肯定都被gongqiao.png给覆盖了啊。如果你想针对数组中每一个元素存储一个对应的图片，你应该用一个数组啊。