下一篇 → ← 上一篇

JavaScript Array flat() 方法

17 Mar 2025 | 阅读 2 分钟

flat() 方法是一个内置的数组方法，它将一个给定的数组展平成一个新创建的一维数组。它会连接给定多维数组的所有元素，并展平到指定的深度。我们可以指定展平数组的深度限制。默认情况下，深度限制为 1。

语法

参数

深度 (Depth): 这是一个可选参数，用于指定展平数组的深度。默认值为 1。

返回

它返回一个新创建的数组，其中包含所有已连接的子数组元素。

JavaScript Array flat() 方法示例

让我们看下面的例子来更好地理解。

示例 1

flat() 方法在二维数组上的简单工作原理。

<html>
<head> <h5> Array Methods </h5> </head>
<body>
<script>
var arr=['a','b',['c','d']]; //given 2D array
var newArr=arr.flat(); //using flat() method
document.write("After flattening the array:  "+newArr);
</script>
</body>
</html>

输出

JavaScript Array flat() Method

示例 2

使用 flat() 方法测试多维数组。

<html>
<head> <h5> Array Methods </h5> </head>
<body>
<script>
var arr=[90,18,[89,56],[13,20,[67,17]]]; //given multidimensional array
var newArr=arr.flat(); //using flat() method
document.write("After flattening the array:  "+newArr);
</script>
</body>
</html>

输出

很明显，数组中的每个元素都被连接到新创建的一维数组中。

JavaScript Array flat() Method

Example3

让我们将数组展平到指定的深度。

<html>
<head> <h5> Array Methods </h5> </head>
<body>
<script>
var arr=[90,18,[13,20,[67,17,[56,45]]]]; //given multidimensional array
var newArr=arr.flat(3); //using flat() method with a specified depth value.
document.write("After flattening the array:  "+newArr);
</script>
</body>
</html>

输出

JavaScript Array flat() Method

Example4

使用 flat() 方法，并将深度值设置为 infinity。

<html>
<head> <h5> Array Methods </h5> </head>
<body>
<script>
var arr=['Orange','Pineapple','Grapes',['Potato','Tomato','Carrot',['Guava','Litchi']]]; //given a multidimensional array.
var newArr=arr.flat(Infinity); //setting depth value as infinity.
document.write("After flattening the array,the new array comes out: <br> "+newArr);
</script>
</body>
</html>

输出

JavaScript Array flat() Method

示例 5

让我们展平一个带有空隙的数组。

<html>
<head> <h5> Array Methods </h5> </head>
<body>
<script>
var arr=['John','Peter',,'Tomy',['Eni',,'Kerry']]; //given 2D array with holes in between.
var newArr=arr.flat(); //using flat() method.
document.write("After flattening the array, the holes vanishes. The new array comes out: <br> "+newArr);
</script>
</body>
</html>

输出

JavaScript Array flat() Method

很明显，在应用 flat() 方法后，所有数组元素都被连接起来，但空隙被忽略了。

下一主题JavaScript 数组

← 上一篇下一篇 →

相关帖子

我们提供所有技术（如 Java 教程、Android、Java 框架）的教程和面试问题

联系信息

G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

hr@tpointtech.com

关注我们

教程

Java 数据结构 C 语言 C++ 教程 C# 教程 PHP 教程 HTML 教程 JavaScript 教程 jQuery 教程 Spring 教程

面试题

Microsoft Amazon Adobe Intuit Accenture Cognizant Capgemini Wipro Tcs Infosys

在线编译器

C R C++ Php Java Html Swift Python JavaScript TypeScript

最新帖子 | 教程列表 | 隐私政策 | 关于我们 | 联系我们

© 版权所有 2011 - 2025 TpointTech.com。保留所有权利。