スプレッド構文
JavaScriptでは、配列等の反復できるオブジェクトを便利に使う事ができるスプレッド構文というものが用意されています。
スプレッド構文(Spread Syntax)
関数呼び出しでの使用
Math.min は、数値を複数引数にとる関数です。
console.log(Math.min(3,9,2,5)); // 2
配列を直接引数に渡しても動きませんが、 スプレッド構文を使うと配列の要素を展開して引数を渡せるようになります。
let array = [3,9,2,5];
console.log(Math.min(array)); // NaN
console.log(Math.min(...array)); // 2
配列の結合
配列の結合は、concatを使っても行えますが、 スプレッド構文を使う事で簡単に記述できます。
const array1 = ['one', 'two'];
const array2 = ['three', 'four'];
const array3 = [...array1, ...array2];
// const array3 = array1.concat(array2);
console.log(array3); // ["one", "two", "three", "four"]
オブジェクトの構成
オブジェクトのコピーを行うのにも使えます。
const obj1 = { name:'taro', age:20};
const obj2 = { ...obj1 , category:'AAA' }
console.log(obj2); // {name: "taro", age: 20, category: "AAA"}