JavaScript实现数组扁平化的几种方法

方法一：使用Array.prototype.flat(),如果是多层传递参数Infinity

const arr2 = [0, 1, 2, [[[3, 4]]]];
console.log(arr2.flat(Infinity));//[ 0, 1, 2, 3, 4 ]

方法二：使用for+递归

const arr2 = [0, 1, 2, [[[3, 4]]]];
function flatArray(arr) {
  let res = [];
  for (let i = 0; i < arr.length; i++) {
    if (Array.isArray(arr[i])) {
      res = res.concat(flatArray(arr[i]))
    } else {
      res.push(arr[i]);
    }
  }
  return res;
}
console.log(flatArray(arr2));

方法三：reduce()+递归

const arr2 = [0, 1, 2, [[[3, 4]]]];
function flatArray1(arr) {
  return arr.reduce((res, cur) => {
    return Array.isArray(cur) ? res.concat(flatArray1(cur)) : res.concat(cur)
  }, [])
}
console.log(flatArray1(arr2));

方法四：some + 扩展运算符

const arr2 = [0, 1, 2, [[[3, 4]]]];
function flatArray2(arr) {
  while (arr.some(item => Array.isArray(item))) {
    arr = [].concat(...arr);
  }
  return arr;
}
console.log(flatArray2(arr2));

前四种方法比较通用，不会受数组中数据类型的影响

方法五：toString()+map()，适用于数组中都是Number类型

const arr2 = [0, 1, 2, [[[3, 4]]]];
function flatArray3(arr) {
  return arr.toString().split(',').map(i=>Number(i));
}
console.log(flatArray3(arr2));

方法六：使用正则，适用于数组中都是Number类型

const arr2 = [0, 1, 2, [[[3, 4]]]];
function flatArray4(arr) {
  let str = JSON.stringify(arr);//将数组 arr 转换为字符串 str
  str = str.replace(/(\[|\])/g, '');//替换掉字符串 str 中的方括号
  // 拼接最外层，变成JSON能解析的格式
  str = '[' + str + ']';
  return JSON.parse(str);
}
console.log(flatArray4(arr2));