es6中flat的用法是什么

WBOY原创: 2022-03-31 15:55:142849浏览

在es6中，flat()方法用于按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组的元素合并为一个新的数组返回，也就是数组降维，语法为“Array.prototype.flat()”。

本教程操作环境：windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6中flat的用法是什么

Array.prototype.flat()

flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。

也就是我们所说的数组降维。

作用：将数组扁平化，对每一项的值进行循环处理，如果该项的值也是数组，则取出来（相当于去掉了这项数组的[]括号）

flat(n）

将每一项的数组偏平化，n默认是1,表示扁平化深度.

长话短说，就是按照flat里面的参数对Array做一个去括号的操作，默认去一层。

下面就简单实现下

```
Array.prototype.myFlat = function (num = 1) {
      if (num < 1) {
        return this
      }
      const res = []
      for (let i = 0; i < this.length; i++) {
        if (Array.isArray(this[i])) {
          res.push(...this[i].myFlat(num - 1))
        } else {
          res.push(this[i])
        }
      }
      return res
    }
```

思路比较简单，如果是非数组，直接push，如果是数字，需要把它去一层括号进行处理。去N次括号的话，调用N次myFlat方法即可。