/*----- 画像にマウスオーバーした時のイベント -----*/ // 1. メインの画像要素を取得します const mainImage = document.querySelector('.gallery-image img'); // 2. サムネイルの画像要素を取得します const thumbImages = document ...

JavaScriptで配列を扱う際によく使われるのが「map」と「forEach」です。どちらも配列の要素を順番に処理するメソッドですが、目的と使いどころが大きく異なるため、ここを理解しておくとコードの意図がとても分かりやすくなります。 この違いが本質です。