JavaScriptのスプレッド演算子（Spread Operator）の使用方法と例

1. 配列の展開 スプレッド演算子を使用して、配列を展開することができます。展開すると、配列の要素が個別の引数として取り扱われます。

例:

const array1 = [1, 2, 3];
const array2 = [...array1, 4, 5, 6];
console.log(array2); // [1, 2, 3, 4, 5, 6]

2. オブジェクトの展開 スプレッド演算子を使用して、オブジェクトを展開することもできます。展開すると、オブジェクトのプロパティが新しいオブジェクトにコピーされます。

例:

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3, d: 4 };
console.log(obj2); // { a: 1, b: 2, c: 3, d: 4 }

3. 関数の引数としての展開 スプレッド演算子を使用して、関数の引数に配列やオブジェクトを展開することができます。

例:

function sum(a, b, c) {
  return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6

以上が、JavaScriptのスプレッド演算子の使用方法と例です。この演算子を活用することで、より簡潔で効果的なコードを書くことができます。ぜひ活用してみてください。