数组扁平化的方法

1.函数递归的方法：

const flatten = (arr) => {
  let result = [];
  arr.forEach((item, i, arr) => {
    if (Array.isArray(item)) {
      result = result.concat(flatten(item));
    } else {
      result.push(arr[i])
    }
  })
  return result;
};

const arr = [1, [2, [3, 4]]];
console.log(flatten(arr));

2.Lodash文档里面的_flattenDeep(array)以及_.flattenDepth(array, [depth=1])方法

// 展开所有的嵌套
_.flattenDeep([1, [2, [3, [4]], 5]]) // [1, 2, 3, 4, 5]

// 展开数组元素最外一层的嵌套
_.flattenDepth([1, [2, [3, [4]], 5]], 1) // [1, 2, [3, [4]], 5]

// 等同于flattenDepth(, 1)，展开元素最外一层的嵌套
_.flatten([1, [2, [3, [4]], 5]]) // [1, 2, [3, [4]], 5]

3.数组扁平化（flat）方法

方法介绍

数组扁平化方法 Array.prototype.flat() 也叫数组拍平、数组拉平、数组降维。

Array.prototype.flat() 用于将嵌套的数组“拉平”，变成一维的数组。

该方法返回一个新数组，对原数据没有影响。

const arr = [1,[2,3],[4,[5,[6]],7]];
 
// 不传参数时，默认“拉平”一层
arr.flat() 
// [1,2,3,4,[5,[6]],7];
 
// 传入一个整数参数，整数即“拉平”的层数
arr.flat(2) 
// [1,2,3,4,5,[6],7];
 
// Infinity 关键字作为参数时，无论多少层嵌套，都会转为一维数组
arr.flat(Infinity);
// [1,2,3,4,5,6,7];
 
// 传入 <=0 的整数将返回原数组，不“拉平”
arr.flat(0);
// [1,[2,3],[4,[5,[6]],7]]
arr.flat(-6);
// [1,[2,3],[4,[5,[6]],7]]
 
// 如果原数组有空位，flat()方法会跳过空位
[1,2,3,4,5,6,,].flat();
// [1,2,3,4,5,6]

更多详细，请看JS手写数组扁平化（flat）方法_js flat_码上十七的博客-CSDN博客