在前端开发中，经常需要对数组进行操作。而在 ECMAScript 2018（ES9）中，新增了一个非常实用的方法——flatten 方法，可以方便地操作二维数组。本文将介绍 flatten 方法的使用及其在实际开发中的应用。
flatten 方法简介
flatten 方法是一个数组的方法，用于将一个多维数组转化为一维数组。其实现方式可以采用递归的方式，将每一个元素都取出来，直到所有的元素都被取出来为止。
flatten 方法的使用
下面是 flatten 方法的基本语法：
array.flat([depth])
其中，array 表示需要转化的数组，depth 表示需要转化的维度，默认值为 1，表示转化为一维数组。如果设置为 Infinity，则表示将数组全部转化为一维数组。
下面是一个简单的示例，演示如何使用 flatten 方法：
const arr = [1, [2, [3, 4]]]; const flattened = arr.flat(); // flattened is [1, 2, [3, 4]] const flattened2 = arr.flat(2); // flattened2 is [1, 2, 3, 4]
在上面的示例中，arr 是一个二维数组，使用 flat 方法将其转化为了一维数组。第一个示例中，depth 的默认值为 1，因此只转化了一层；第二个示例中，depth 设置为 2，因此将数组全部转化为了一维数组。
flatten 方法的应用
下面是一个实际开发中的案例，演示如何使用 flatten 方法操作二维数组。
假设我们有一个二维数组，其中每个子数组都包含了一些数字。我们需要对这些数字进行排序，并将排序后的结果保存到一个新的数组中。
const arr = [[3, 2, 1], [6, 5, 4], [9, 8, 7]];
我们可以使用 flatten 方法将这个二维数组转化为一维数组，然后使用 sort 方法对其进行排序。最后，再使用 slice 方法将排序后的结果保存到一个新的数组中。
const sortedArray = arr.flat().sort((a, b) => a - b).slice(); console.log(sortedArray); // output: [1, 2, 3, 4, 5, 6, 7, 8, 9]
在上面的示例中，我们首先使用 flat 方法将二维数组转化为了一维数组，然后使用 sort 方法对其进行排序，最后使用 slice 方法将排序后的结果保存到了一个新的数组中。这个方法非常简单，但却可以方便地操作二维数组。
总结
ECMAScript 2018（ES9）中的 flatten 方法是一个非常实用的方法，可以方便地操作二维数组。本文介绍了 flatten 方法的使用及其在实际开发中的应用，希望对大家有所帮助。在实际开发中，我们可以根据具体的需求，灵活运用这个方法，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660000ead10417a222b41b30