JavaScript 中的集合合并操作是一個非常常見的問題，處理兩個或多個數組、對象或集合以生成一個合并后的新集合是非常常見的編程任務。在這篇文章中，我們將探討 JavaScript 中常見的集合合并技巧，包括數組合并、對象合并和集合合并。
數組合并
數組合并是一種非常常見的集合合并任務。我們經常需要將兩個或多個數組合并為一個新的數組。最簡單的方法是使用 JavaScript 的內置方法：concat()。這個方法可以將多個數組連接在一起，并返回一個新數組。

// 合并兩個數組
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let mergedArr = arr1.concat(arr2); // [1, 2, 3, 4, 5, 6]
<br>
// 合并三個數組
let arr3 = [7, 8, 9];
let mergedArr = arr1.concat(arr2, arr3); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

除了 concat() 方法，我們還可以使用擴展運算符（spread operator）將數組合并。這個運算符可以將數組擴展到一個新數組中。

// 合并兩個數組
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let mergedArr = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]
<br>
// 合并三個數組
let arr3 = [7, 8, 9];
let mergedArr = [...arr1, ...arr2, ...arr3]; // [1, 2, 3, 4, 5, 6, 7, 8, 9]

對象合并
另一個常見的集合合并任務是將兩個對象合并為一個新對象。我們也可以使用內置的方法 Object.assign() 來完成這個任務。

let obj1 = {name: 'John', age: 30};
let obj2 = {occupation: 'Web Developer', hobbies: ['reading', 'listening to music']};
<br>
let mergedObj = Object.assign({}, obj1, obj2);
<br>
console.log(mergedObj);
// Output: {name: "John", age: 30, occupation: "Web Developer", hobbies: Array(2)}

在這個例子中，我們使用 Object.assign() 方法將 obj1 和 obj2 合并為一個新的對象 mergedObj。第一個參數是一個空對象，然后 obj1 和 obj2 依次作為參數傳遞。如果兩個對象中有相同的屬性名，后面對象的屬性會覆蓋前面對象的屬性。
集合合并
如果你需要合并的集合是一個對象數組，那么我們可以使用 reduce() 方法來實現合并。

let arr = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}, {id: 3, name: 'Jim'}];
<br>
let mergedObj = arr.reduce((acc, cur) => ({...acc, [cur.id]: cur}), {});
<br>
console.log(mergedObj);
// Output: {1: {…}, 2: {…}, 3: {…}}

在這個例子中，我們使用 reduce() 方法來合并數組arr。我們傳入兩個參數，第一個參數是一個回調函數，第二個參數是一個空對象。回調函數中有兩個參數，第一個參數是累加器（即前一個回調函數的返回值），第二個參數是當前元素。
reduce() 方法會遍歷數組arr，并將每個元素作為當前參數傳遞給回調函數。在回調函數中，我們使用擴展運算符來合并當前元素與累加器對象，并返回一個新對象。每次執行回調函數后，accumulate對象都會被更新為返回對象的值，這樣我們最終得到的對象就是合并后的對象。
總結
在本文中，我們討論了 JavaScript 中的三種集合合并方法：數組合并、對象合并和集合合并。對于大多數情況下，我們可以使用內置方法 concat() 和 Object.assign() 進行數組和對象的合并。而對于數組中的對象合并，我們可以使用 reduce() 方法將數組合并為一個新的對象。熟練掌握這些技巧可以幫助你更好地處理 JavaScript 中的集合合并問題。