在 ECMAScript 2020 中，我们迎来了两个新的数组方法：flat() 和 flatMap()。这两个方法可以让我们更方便地处理嵌套数组，让代码更简洁易懂。在本文中，我们将详细介绍这两个方法的用法，并提供示例代码，帮助读者更好地理解。
flat() 方法
flat() 方法可以将嵌套数组“展平”，将所有子数组的元素合并成一个新数组。该方法有一个可选参数 depth，用于指定展平的深度。如果没有指定 depth，则默认为 1。
下面是 flat() 方法的语法：
-------------------
示例代码：
----- --- - --- -- --- ---- ----- --------- - ----------- ----------------------- -- --- -- -- --
在这个例子中，原始数组 arr 包含一个子数组 [3, 4]，使用 flat() 方法将其展平后得到一个新数组 flattened，其中包含了所有元素。
如果我们指定 depth 参数为 2，则会展平所有子数组，直到深度为 2：
----- ---- - --- -- --- --- ----- ----- ---------- - ------------- ------------------------ -- --- -- -- -- --
在这个例子中，原始数组 arr2 包含两个子数组 [3, [4, 5]]，使用 flat(2) 方法将其展平后得到一个新数组 flattened2，其中包含了所有元素。
flatMap() 方法
flatMap() 方法可以在 flat() 方法的基础上，对每个元素执行一个映射函数，然后将结果“展平”成一个新数组。该方法有两个参数：映射函数和可选参数 thisArg，用于指定映射函数中的 this 值。
下面是 flatMap() 方法的语法：
------------------------ ---------
其中，callback 是映射函数，thisArg 是可选参数，用于指定映射函数中的 this 值。
示例代码：
----- ---- - --- -- --- ----- ------ - -------------- -- --- - - ---- -------------------- -- --- -- -- -- -- --
在这个例子中，原始数组 arr3 包含三个元素，使用 flatMap() 方法将每个元素映射成一个数组 [x, x * 2]，然后将所有数组“展平”成一个新数组 mapped。
需要注意的是，映射函数返回的是一个数组，如果返回的是一个非数组值，则会被视为一个长度为 1 的数组。
----- ---- - --- -- --- ----- ------- - -------------- -- - - --- --------------------- -- --- -- --
在这个例子中，映射函数返回的是一个非数组值 x + 1，但它会被视为一个长度为 1 的数组 [x + 1]，然后将所有数组“展平”成一个新数组 mapped2。
总结
在 ECMAScript 2020 中，我们可以使用 flat() 和 flatMap() 方法更方便地处理嵌套数组。这两个方法可以让代码更简洁易懂，提高开发效率。需要注意的是，使用这两个方法时要注意参数的指定，避免出现意外的结果。希望本文对读者有所帮助，让大家更好地掌握 ECMAScript 2020 中的新特性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6627db51c9431a720c493570