【JavaScript教程】第六章数组16—flat()：递归地将数组展平到指定的深度

英文 | https://www.Javascripttutorial.net/

译文 | 杨小爱

在上节&＃xff0c;我们学习如何使用 Javascript Array join()方法将数组的所有元素连接成由分隔符分隔的字符串&＃xff0c;错过的小伙伴可以点击文章《【Javascript 教程】第六章 数组15—join() &＃xff1a;将所有元素连接成一个字符串》进行学习。

那么&＃xff0c;在今天的教程中&＃xff0c;我们将一起来学习如何使用 Javascript Array flat() 方法来展平数组。

Javascript Array flat() 方法介绍

ES2019 引入了 Array.prototype.flat() 方法&＃xff0c;该方法创建一个新数组&＃xff0c;其中子数组的所有元素递归连接到指定深度。

下面显示了 flat() 方法的语法&＃xff1a;

depth 参数指定该方法使数组结构平坦的深度&＃xff0c;它默认为 1。

下面的例子展示了如何扁平化一个数字数组&＃xff1a;

输出&＃xff1a;

在这个例子中&＃xff0c;我们没有将深度参数传递给 flat() 方法&＃xff0c;因此深度默认为 1。flat() 方法将嵌套数组 [3,4,5] 的所有元素连接到新数组的元素。

请注意&＃xff0c; flat() 方法会创建一个新数组并且不会更改原始数组&＃xff1a;

输出&＃xff1a;

以下示例将具有两级深度的数组展平&＃xff1a;

输出&＃xff1a;

当我们不知道深度级别时&＃xff0c;可以将 Infinity 传递给 flat() 方法&＃xff0c;以递归方式将子数组的所有元素连接到新数组中&＃xff1a;

如果一个数组有空槽&＃xff0c;我们可以使用 flat() 方法去除空洞&＃xff0c;像这样&＃xff1a;

输出&＃xff1a;

总结

使用 Array.prototype.flat() 方法将包含嵌套数组的数组展平。

使用 depth 参数指定嵌套数组应该展平的深度&＃xff0c;深度默认为 1。

flat() 还删除了数组中带有空槽的孔。

今天的内容就到这里了。

如果您还想学习更多关于数组的内容&＃xff0c;请点击下文链接进行学习。

【Javascript 教程】第六章 数组14—reduce() &＃xff1a;将数组的元素减少为一个值

【Javascript 教程】第六章 数组13— forEach() &＃xff1a;遍历数组元素

【Javascript 教程】第六章 数组12— map() &＃xff1a;转换数组元素

【Javascript 教程】第六章 数组11— filter() &＃xff1a;过滤数组中的元素

【Javascript 教程】第六章 数组10— sort() &＃xff1a;对数组中的元素进行排序

【Javascript 教程】第六章 数组09— some() &＃xff1a;检查数组中是否至少有一个元素通过了测试

【Javascript 教程】第六章 数组08— every() &＃xff1a;检查数组中的每个元素是否都通过了测试

【Javascript 教程】第六章 数组07— index() &＃xff1a;在数组中定位一个元素

【Javascript 教程】第六章 数组06— slice() &＃xff1a;复制数组元素

【Javascript 教程】第六章 数组05— splice()&＃xff1a;删除、插入和替换

【Javascript 教程】第六章 数组04— Javascript 队列

【Javascript 教程】第六章 数组03— Stack &＃xff1a;使用 Array 的push()和pop()方法实现堆栈数据结构

【Javascript 教程】第六章 数组02— Array Length&＃xff1a;如何有效地使用数组的长度属性

【Javascript 教程】第六章 数组01— 介绍Javascript中的Array类型

学习更多技能

请点击下方公众号