【JavaScript】スプレッド構文 「3つのドット “…”」

配列の展開

const arr1 = [1, 2];
console.log(arr1);
console.log(...arr1);

// [1, 2]
// 1 2

使用例）1ずつ増えていく整数の配列「[…Array(100).keys()]」

const arr = [...Array(10).keys()];
console.log(arr);

// (10) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

参考サイト：
[…Array(n).keys()] はやめた方がいいのでは？
https://zenn.dev/uhyo/articles/array-n-keys-yamero

配列の連結

const arr2 = [1, 2, 3, 4, 5];
const [num1, num2, ...arr3] = arr2;
console.log(num1);
console.log(num2);
console.log(arr3);

// 1
// 2
// [3, 4, 5]

配列のコピー

const arr4 = [10, 20];
const arr6 = [...arr4];
console.log(arr6);

//[10, 20]

arr4の参照を引き継がれない（arr6の値を変更してもarr6はそのまま）