es6中flat的用法是什么-前端问答-PHP中文网

es6中flat的用法是什么

WBOY

发布： 2022-03-31 15:52:48

原创

3792人浏览过

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

es6中flat的用法是什么

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

es6中flat的用法是什么

Array.prototype.flat()

登录后复制

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

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

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

flat(n）

登录后复制

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

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

TP-COUPON 导购系统免费版

自从百度屏蔽淘宝客网站、淘宝抛弃淘宝客之后，个人站长集体陷入了恐慌之中。此时，什么值得买网的异军突起引起了广大个人站长的极大关注。做一个什么值得买一样的导购网站成了众多个人站长的一致心愿！ TP-COUPON 导购系统即是让个人站长实现此心愿的绝佳选择！欢迎个人站长选用。V1.1版更新记录：1.修正请求时查询淘宝店铺错误的bug2.删除一些无用的代码

查看详情

下面就简单实现下

```
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方法即可。