在JavaScript中，有多種方法可以合并數組。下面是8種常用的方法，包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat()。

1. concat()方法：

• 使用場景：適用于合并兩個或多個數組，并創(chuàng)建一個新數組。
• 優(yōu)點：簡單易用，不會修改原始數組。
• 缺點：每次調用concat()方法都會創(chuàng)建一個新數組，可能會影響性能。

2. Spread Operator（展開運算符）：

• 使用場景：適用于合并兩個或多個數組，并創(chuàng)建一個新數組。
• 優(yōu)點：簡潔易懂，可以合并任意數量的數組。
• 缺點：如果要合并的數組數量很大，可能會導致棧溢出。

3. push()方法：

• 使用場景：適用于將一個數組的元素添加到另一個數組的末尾。
• 優(yōu)點：直接修改原始數組，不會創(chuàng)建新數組。
• 缺點：只能將數組添加到目標數組的末尾。

4. unshift()方法：

• 使用場景：適用于將一個數組的元素添加到另一個數組的開頭。
• 優(yōu)點：直接修改原始數組，不會創(chuàng)建新數組。
• 缺點：只能將數組添加到目標數組的開頭。

5. splice()方法：

• 使用場景：適用于將一個數組的元素插入到另一個數組的指定位置。
• 優(yōu)點：直接修改原始數組，可以在任意位置插入元素。
• 缺點：會修改原始數組，可能會導致其他代碼出現錯誤。

6. Array.from()方法：

• 使用場景：適用于將類似數組或可迭代對象轉換為數組，并合并為一個新數組。
• 優(yōu)點：可以處理各種類型的輸入，靈活性高。
• 缺點：每次調用Array.from()都會創(chuàng)建一個新數組，可能會影響性能。

7. Array.prototype.reduce()方法：

• 使用場景：適用于遍歷數組并將其元素逐個合并為一個新數組。
• 優(yōu)點：可以自定義合并邏輯，比較靈活。
• 缺點：需要編寫reduce函數的回調函數，語法稍微復雜一些。

8. ES6的Array.prototype.flat()方法：

• 使用場景：適用于將多維數組扁平化為一維數組，并合并其他數組。
• 優(yōu)點：可以處理多維數組，簡化了代碼。
• 缺點：需要ES6支持，不適用于較舊的瀏覽器。

根據你的需求和個人偏好，選擇合適的方法進行數組合并。如果性能是關鍵因素，可以考慮使用直接修改原始數組的方法（如push()、unshift()、splice()），如果需要更靈活的合并邏輯，可以考慮使用reduce()方法。展開運算符和concat()方法是常用且簡單的合并數組的方式。

下面是代碼示例

1. concat()方法：

• 使用concat()方法將兩個或多個數組合并為一個新數組。
• 示例代碼：

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

2. Spread Operator（展開運算符）：

• 使用展開運算符將兩個或多個數組合并為一個新數組。
• 示例代碼：

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

3. push()方法：

• 使用push()方法將一個數組的元素添加到另一個數組的末尾。
• 示例代碼：

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

4. unshift()方法：

• 使用unshift()方法將一個數組的元素添加到另一個數組的開頭。
• 示例代碼：

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

5. splice()方法：

• 使用splice()方法將一個數組的元素插入到另一個數組的指定位置。
• 示例代碼：

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

6. Array.from()方法：

• 使用Array.from()方法將類似數組或可迭代對象轉換為數組，并合并為一個新數組。
• 示例代碼：

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const mergedArray = Array.from(array1).concat(Array.from(array2));
console.log(mergedArray); // 輸出 [1, 2, 3, 4, 5, 6]

7. Array.prototype.reduce()方法：

• 使用reduce()方法遍歷數組并將其元素逐個合并為一個新數組。
• 示例代碼：

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const mergedArray = [array1, array2].reduce((acc, val) => acc.concat(val), []);
console.log(mergedArray); // 輸出 [1, 2, 3, 4, 5, 6]

8. ES6的Array.prototype.flat()方法：

• 使用flat()方法將多維數組扁平化為一維數組。
• 示例代碼：

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

這些方法都可以用于合并數組，具體使用哪種方法取決于你的需求和個人偏好。

到此這篇關于js數組合并的8種方法(最全)的文章就介紹到這了,更多相關js數組合并內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論