li.addEventListener('click', () => {
   mainImage.src = image;
   const thumbnails = document.querySelectorAll('.thumbnails > li');
   thumbnails[currentIndex].classList.remove('current');
   currentIndex = index;
   thumbnails[currentIndex].classList.add('current');
});

この記述を、forEachの中に書かないと動かないのはなぜですか？