javascript - forEach 루프 이후 마지막 데이터만 출력됩니까?

Question

코드에 표시된 것처럼 foreach 루프 이후에 생성된 데이터가 마지막 데이터인가요? 내 console.log(index); 콘솔은 0, 1, 2, 3, 4를 인쇄할 수 있지만 페이지에 최종적으로 표시되는 그림은 다음과 같은 경우 모두 그림입니다.

으아아아

페이지에 표시되는 효과입니다. 모든 사진이 마지막 사진입니다.

Answer 1

동일한 변수를 사용하여 이미지를 전달하셨는데, 결국 gongqiao.png로 덮어쓰셨나봐요.
배열의 각 요소에 해당하는 그림을 저장하려면 배열을 사용해야 합니다.

Answer 2

this.imgSrc의 마지막 값이 4인데 이전 값이 저장되지 않았거나 후속 작업이 수행되지 않았기 때문일 수 있습니다

Answer 3

자바스크립트 화살표 함수에는 사용하지 마세요
자바스크립트 화살표 함수에는 사용하지 마세요
자바스크립트 화살표 함수에는 사용하지 마세요