最近的工作太忙，忙到都没时间学习了。今天周末在家看看前端论坛，果然有了新发现，新收获。受到启发之后，抓紧时间来和大家分享。

关于数组的降维，我们经常使用的是ES6的flat方法，或者使用递归方式。今天看到了一种新的方式，先将数组转为字符串。下面看看例子：

const flatArray = function(arr){
  arr = arr + '';
  return arr.split(',').map(item => Number(item));
}
let arr = [[1,2],3,[4,5,[6,7]]];
console.log(flatArray(arr)); // [ 1, 2, 3, 4, 5, 6, 7 ]?

第二行的转换也可以使用toString方法。本质都是调用对象的toString方法，将对象转换为字符串。

但是这样也会存在问题，比如当数组中存在对象类型的元素时，这种方法就不好用了。感觉比较适合数组内元素为同一数据类型的场景，一般全是数字或字符串的时候很好用。

这种方法虽然有使用的局限性，但是胜在写法简单，简洁。

最后我也提供两种更常规的数组降维方法：

1.使用ES6 flat方法

const flatArray = function(arr){

  return arr.flat(Infinity);

}

flat默认只展开一层，使用Infinity参数表示无穷展开，会将整个数组变为一维数组。

2.使用递归

const flatArray = function(arr){
  const result = [];
  const flat = function(arrItem) {
    arrItem.forEach(item => {
      Array.isArray(item) ? flat(item) : result.push(item);
    })
  }
  flat(arr);
  return result;
}

上面这两种方式适用全部数组降维展开场景，开头提到的转为字符串的方式使用的时候要注意。

如果你有想分享的想法，欢迎给我留言~