配列の指定範囲を特定の値で埋める(破壊的)
// ── 基本: 配列を指定した値で埋める ──────────────────────
// 「n個のゼロの配列」を作るのによく使う
const zeros = new Array(5).fill(0);
console.log(zeros); // [0, 0, 0, 0, 0]
// ── 範囲指定: fill(値, 開始index, 終了index) ──────────
const arr = [1, 2, 3, 4, 5];
arr.fill(0, 1, 3); // index 1〜2(3は含まない)を0に
console.log(arr); // [1, 0, 0, 4, 5]
// ── よくある使い方: 初期状態の生成 ─────────────────────
const checkboxes = new Array(5).fill(false);
// [false, false, false, false, false]
// ⚠️ オブジェクトを fill すると同じ参照が共有される
// bad: 全部同じオブジェクトになる
const bad = new Array(3).fill({ checked: false });
// good: 各要素を独立させる
const good = Array.from({ length: 3 }, () => ({ checked: false }));オブジェクトを埋めると全要素が同じ参照になる点に注意。独立したオブジェクトにはArray.from()を使う。