スプレッド演算子を使用した配列のコピー方法

1. スプレッド演算子を使用した配列のシャローコピー:

   const originalArray = [1, 2, 3, 4, 5];
   const copiedArray = [...originalArray];

   上記のコードでは、元の配列をスプレッド演算子で展開し、新しい配列としてコピーしています。これにより、originalArrayとcopiedArrayは別々の配列となります。

2. スプレッド演算子を使用した配列のディープコピー:

   const originalArray = [{ id: 1 }, { id: 2 }, { id: 3 }];
   const copiedArray = originalArray.map(obj => ({ ...obj }));

   上記の例では、元の配列にオブジェクトが含まれている場合、mapメソッドを使用して各オブジェクトをスプレッド演算子で展開し、新しいオブジェクトとしてコピーしています。これにより、元の配列とコピーされた配列は別々のオブジェクトを参照するようになります。

3. スプレッド演算子を使用した配列の結合:

   const array1 = [1, 2, 3];
   const array2 = [4, 5, 6];
   const combinedArray = [...array1, ...array2];

   上記の例では、複数の配列をスプレッド演算子で展開し、それらを結合して新しい配列を作成しています。

これらはスプレッド演算子を使用した配列のコピーと結合の一般的な方法です。他にも、Array.from()メソッドやconcat()メソッドなど、さまざまな方法で配列を操作することができます。必要に応じて、適切な方法を選択してください。