在前端开发过程中，我们经常需要将多个数组合并成一个数组。同时，在处理嵌套的数组时，有时候也需要将嵌套的数组“压扁”，即将所有元素提取出来，变成一个一维数组。本文将详细介绍如何在JavaScript中实现这两个功能。
合并数组
合并数组是指将多个数组中的元素合并到一个数组中。在JavaScript中，可以使用concat()方法来实现数组的合并。concat()方法接受任意个数组作为参数，返回一个新数组，其中包含原数组和参数数组中的所有元素。示例如下：
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = [7, 8, 9]; const result = arr1.concat(arr2, arr3); console.log(result); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
除了concat()方法外，ES6引入了展开运算符(...)，也可以用于数组的合并。使用展开运算符可以使代码更简洁。示例如下：
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = [7, 8, 9]; const result = [...arr1, ...arr2, ...arr3]; console.log(result); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
压扁数组
压扁数组是指将嵌套的数组“压扁”，即将所有元素提取出来，变成一个一维数组。在JavaScript中，可以使用递归和循环两种方式来实现数组的压扁操作。
递归方式
递归方式是指在函数内部再次调用该函数本身，直到满足某个条件时停止递归。对于嵌套的数组，可以使用递归方式遍历数组中的每一个元素，并将其添加到一个新数组中。示例如下：
-- -------------------- ---- -------
-------- ------------ -
--- ------ - ---
---------------- -- -
-- --------------------- -
------ - -----------------------------
- ---- -
------------------
-
---
------ -------
-
----- --- - --- --- --- --- --- ---
----- ------ - -------------
-------------------- -- --- -- -- -- -- --循环方式
循环方式是指使用循环来遍历数组中的每一个元素，判断其类型并处理。对于嵌套的数组，可以使用循环方式通过栈的方式将子数组中的元素依次压入到一个新数组中。示例如下：
-- -------------------- ---- -------
-------- ------------ -
--- ------ - ---
--- ----- - ---------
----- -------------- -
----- ---- - ------------
-- --------------------- -
--------------------
- ---- -
---------------------
-
-
------ -------
-
----- --- - --- --- --- --- --- ---
----- ------ - -------------
-------------------- -- --- -- -- -- -- --总结
本文介绍了在JavaScript中合并/压扁数组的实现方式。其中，合并数组可以使用concat()方法或展开运算符来实现；压扁数组可以使用递归方式或循环方式来实现。通过本文的学习，读者可以更好地理解数组的处理和操作，并能够根据不同的场景选择合适的方式来实现需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8030