DeathGhost

JavaScript flat 提取嵌套数组元素

这篇文章发布于 2019年08月07日 00:57 星期三 阅读 313 次,评论 0 条

DeathGhost 编辑,归类于javascript »

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

对于前端项目开发过程中偶尔会出现层叠数据结构的数组,我们需要将多层级数组转换为一级数组(即:提取嵌套数组元素最终合并为一个数组),使其内容合并且展开。

e.g. ['延安', ['西安', '咸阳']] 一般,我们使用传统方式处理,可能相对来说比较麻烦;下面看看新方法操作。

Array.prototype.flat()
JavaScript flat 提取嵌套数组元素

语法

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 呢?😅

在任何媒介以任何形式复制、发行本作品。惟须遵守下列条件:
署名 — 您必须给出适当的署名,提供指向本许可协议的链接,同时标明是否(对原始作品)作了修改。您可以用任何合理的方式来署名,但是不得以任何方式暗示许可人为您或您的使用背书。
非商业性使用 — 您不得将本作品用于商业目的。
禁止演绎 — 如果您 再混合、转换、或者基于该作品创作,您不可以分发修改作品。

©️ DeathGhost 署名-非商业性使用-禁止演绎(CC BY-NC-ND)

用户评论(当前评论共计0条)

⚠️ 评论内容需要审核方可显示。
DeathGhost

孙志锋

视觉前端爱好者

志于道,据于德,依于仁,游于艺。

4

目录

33

文章

14

评论

世界品牌·洛川红富士

🙏 到访,就是一种鼓励,谢谢你的到访!🙏

💕与君共勉💕