js数组扁平化

52 阅读1分钟

const arr = [1,[2,[3,[4,5]]],6]

1.递归的方法结合reduce实现

const flatten = (arr) => {
    return arr.reduce((pre,cur)=>{
        return pre.concat(Array.isArray(cur) ? flatten(cur) : cur)
    },[])
}

2.普通递归

const flatten = (arr) => {
  let result = [];
  for (let i = 0; i < arr.length; i++) {
    if (Array.isArray(arr[i])) {
      result = result.concat(flatten(arr[i]));
    } else {
      result.push(arr[i]);
    }
  }
  return result;
};

3.扩展运算符结合some的方法

const flatten = (arr) => {
  while(arr.some(item=>Array.isArray(item))){
    arr = [].concat(...arr);
  }
  return arr;
};

4.split 和 toString 共同处理

const flatten = (arr) => {
  return arr.toString().split(',').map(item => Number(item))
};

通过这两个方法可以将多维数组直接转换成逗号连接的字符串,然后再重新分隔成数组,转换成数字

5.ES6 中的 flat

const flatten = (arr) => {
  return arr.flat(Infinity)
}

Infinity,代表不论多少层都要展开,也可以自定义展开层数