es6中flat的用法是什么

130 阅读 0 评论 86 点赞

我是靠谱客的博主优美蜡烛，最近开发中收集的这篇文章主要介绍es6中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方法即可。