大変お世話になります。
"thumbnails" というのは配列ですから、「forEach を使ってまとめてみよう」と思い、
下図のように 0・1・2 の部分を forEach を用いてまとめてみたのですが、next の部分を
クリックしても、サムネイル画像の色は 0 が明るいままで、変化しませんでした。

<JavaScript プログラム>

  next.addEventListener('click',()=>{
    activeIndex++;
    if(activeIndex > 2){
      activeIndex = 0;
    }
    mainImage.src = thumbnails[activeIndex].src;

    // thumbnails[0].classList.remove('active');   0
    // thumbnails[1].classList.remove('active');   1
    // thumbnails[2].classList.remove('active');   2
    thumbnails.forEach(num =>{
      thumbnails[num].classList.remove('active');
    });
    thumbnails[activeIndex].classList.add('active');
  });

これは、何か訳があるのでしょうか？