ES6のスプレッド演算子を使用した配列の結合方法

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

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

配列の先頭や末尾に要素を追加して結合する

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combinedArray = [0, ...array1, ...array2, 7, 8, 9];
console.log(combinedArray);
// 出力: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

配列の中に別の配列を組み込んで結合する

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

配列の要素を一部置き換えて結合する

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combinedArray = [...array1.slice(0, 2), ...array2, ...array1.slice(2)];
console.log(combinedArray);
// 出力: [1, 2, 4, 5, 6, 3]

配列の結合と同時に重複した要素を削除する

const array1 = [1, 2, 3];
const array2 = [3, 4, 5];
const combinedArray = [...new Set([...array1, ...array2])];
console.log(combinedArray);
// 出力: [1, 2, 3, 4, 5]