思路：

很简单，和我们之前做的数组扁平化差不多，也就多一个传入参数depth 表示要展开的深度，话不多说，直接上代码

（1）直接递归版

  1. let arr = [1, [2, 3], [4, [5, [6, [7, 8]]]]]
  3. // 传入depth参数，默认值为 1
  4. Array.prototype._flat = function (depth = 1) {
  5.   // 当到达指定深度，或 当前对象不是数组时，直接返回这个值
  6.   if(depth < 1 || !Array.isArray(this)){
  7.     return this
  8.   }
  9.   let res = []
  10.   for (const item of this) {
  11.     if (Array.isArray(item)) {
  12.       res = res.concat(item._flat(depth - 1))
  13.     } else {
  14.       res.push(item)
  15.     }
  16.   }
  17.   return res
  18. }
  20. console.log(arr._flat());
  21. console.log(arr._flat(2));
  22. console.log(arr._flat(4));

image.png

（2）reduce版

  1. let arr = [1, [2, 3], [4, [5, [6, [7, 8]]]]]
  3. Array.prototype._flat = function (depth = 1) {
  4.   if (depth < 1 || !Array.isArray(this)) {
  5.     return this
  6.   }
  7.   return this.reduce((prev, curr) => {
  8.     if (Array.isArray(curr)) {
  9.       return prev.concat(curr._flat(depth - 1))
  10.     } else {
  11.       return prev.concat(curr)
  12.     }
  13.   }, [])
  14. }
  16. console.log(arr._flat());
  17. console.log(arr._flat(2));
  18. console.log(arr._flat(4));

image.png

在使用flat时，如何直接全部展开

我们可以直接参考MDN，传入 depth 为 Infinity

  1. let arr = [1, [2, 3], [4, [5, [6, [7, 8]]]]]
  2. console.log(arr._flat(Infinity));

image.png

使用flat时，数组内的空项会被移除

  1. let arr = [1, 2, , 4, 5];
  2. console.log(arr._flat());

image.png

关于flat的更多的详情，可以参考MDN-flat