forEach()

// ── 基本: 各要素に処理を実行 ────────────────────────────
const fruits = ['りんご', 'バナナ', 'みかん'];

// 戻り値なし（undefined）なので変数に代入しても意味がない
fruits.forEach((fruit, index) => {
  console.log(`${index + 1}番目: ${fruit}`);
});
// 1番目: りんご
// 2番目: バナナ
// 3番目: みかん

// ── map() との違い ─────────────────────────────────────
// forEach: 戻り値なし → ログ出力・副作用処理に使う
// map():   新しい配列を返す → データ変換に使う

// ── DOM 操作・API 呼び出しなど副作用がある処理に向く ─
const checkboxes = document.querySelectorAll('input[type="checkbox"]');
checkboxes.forEach(el => {
  el.addEventListener('change', handleChange);
});