複数の配列・値を結合した新しい配列を返す
// ── 基本: 配列を結合した新しい配列を返す(非破壊)────────
const a = [1, 2, 3];
const b = [4, 5, 6];
const merged = a.concat(b);
console.log(merged); // [1, 2, 3, 4, 5, 6]
console.log(a); // [1, 2, 3] ← 元は変わらない
// ── 3つ以上も結合できる。要素も追加できる ─────────────
const c = [7, 8];
console.log(a.concat(b, c)); // [1, 2, 3, 4, 5, 6, 7, 8]
console.log(a.concat(99, b)); // [1, 2, 3, 99, 4, 5, 6]
// ── 現代では スプレッド構文 が主流 ─────────────────────
const modern = [...a, ...b, ...c]; // concatと同じ結果
// スプレッドは途中への挿入も簡単
const withExtra = [...a, 99, ...b]; // [1, 2, 3, 99, 4, 5, 6]非破壊で新配列を返す。スプレッド構文(...)を使うほうがコードが読みやすいことが多い。