JS 如何扁平化嵌套数组？

Question

JS 如何扁平化嵌套数组？

仓乃文 · Accepted Answer

数组扁平化是将多层嵌套的数组展开成一维数组。ES6 提供了 flat 方法，也可以用 reduce 递归实现。

flat 方法（ES6 推荐）：
```javascript
const arr = [1, [2, [3, [4]], 5]];
arr.flat()              // 默认只展开一层：[1, 2, [3, [4]], 5]
arr.flat(2)             // 展开两层：[1, 2, 3, [4], 5]
arr.flat(Infinity)      // 完全扁平化：[1, 2, 3, 4, 5]
```

reduce + concat 递归方案：
```javascript
function flatten(arr) {
  return arr.reduce((acc, val) => {
    return Array.isArray(val)
      ? acc.concat(flatten(val))
      : acc.concat(val);
  }, []);
}
```

补充说明：
- flat() 默认只扁平化一层，根据需要传参
- flat(Infinity) 可以完全扁平化，但深层嵌套时性能较差
- reduce 方案是递归处理，可以手动控制深度
- 如果确认只有一层嵌套，用 spread 最简单：[].concat(...arr)