![1591cf1e8185f6b1c55365acde9b143a.png](https://i-blog.csdnimg.cn/blog_migrate/e5127733404a2205f90b93d1e6e9f8cb.jpeg)
flat() 方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。JavaScript flat 提取嵌套数组元素www.deathghost.cn
![be4dcaf0dc25ca0674b6e4c94240f824.png](https://i-blog.csdnimg.cn/blog_migrate/2f082485c6f8a04d99310dfb4395893a.jpeg)
对于前端项目开发过程中偶尔会出现层叠数据结构的数组,我们需要将多层级数组转换为一级数组(即:提取嵌套数组元素最终合并为一个数组),使其内容合并且展开。
e.g. ['延安', ['西安', '咸阳']] 一般,我们使用传统方式处理,可能相对来说比较麻烦;下面看看新方法操作。
![2394bbf2c44205bbba30ad8e0c8b6cd1.png](https://i-blog.csdnimg.cn/blog_migrate/a933e5aa307dd03dfde10704c986cdc4.jpeg)
语法
let newArray = arr.flat(depth)
参数
depth (可选参数)指定要提取嵌套数组的结构深度,默认值为 1。
示例
let city = ['延安', ['西安', '咸阳']];
city.flat(1)
OR
city.flat()
上述则输出结果为:["延安", "西安", "咸阳"]
那如果我们再对其嵌套数组呢?
let city = ['延安', ['西安', '咸阳', ['渭南'], ['宝鸡']]];
0: "延安"
1: "西安"
2: "咸阳"
3: ["渭南"]
4: ["宝鸡"]
按上述则会: ["延安", "西安", "咸阳", Array(1), Array(1)] 一般。
那么,我们就需要设置depth的嵌套层数。
city.flat(2)
则输出:
["延安", "西安", "咸阳", "渭南", "宝鸡"]
如果其嵌套层级深度不确定呢?
那么我们就可以直接使用 Infinity /ɪnˈfɪnəti]/ 作为深度,展开任意深度的嵌套数组。
let city = ['延安', ['西安', '咸阳', ['渭南'], ['宝鸡']]];
console.log(city.flat(Infinity));
我想知道为什么默认参数不是 Infinity 呢?