在ES10中，新加入了两个Array的方法，分别是Array.flat()和Array.flatMap()。本文将详细介绍这两个方法的用法和示例，并探讨它们的学习和指导意义。
Array.flat()
Array.flat()方法会将嵌套的数组“展平”，即将多维数组变为一维数组。该方法可以指定展平的深度。具体使用方式如下：
const arr = [1, 2, [3, 4, [5, 6]]]; arr.flat(); // [1, 2, 3, 4, [5, 6]] arr.flat(2); // [1, 2, 3, 4, 5, 6]
从上面的代码可以看出，调用Array.flat()时，会将内部的嵌套数组展平为一维数组。如果想要指定展平的深度，可以传入一个数字参数表示展平的深度。在上例中，arr.flat(2)表示将arr数组的嵌套数组展平到第二层。如果参数为Infinity，则表示展平所有的嵌套数组。
该方法的学习和指导意义在于，它可以方便地将多维数组变形为一维数组，使数组的处理更加简洁高效。例如，在使用数组函数时，可以将嵌套数组先展平再进行操作，以免出现不必要的错误。
Array.flatMap()
Array.flatMap()方法可以用来先按照某种方法对数组进行映射，然后将所有结果展平到一个新数组中。具体使用方式如下：
const arr = [1, 2, 3, 4]; arr.flatMap(x => [x * 2]); // [2, 4, 6, 8]
从上面的代码可以看出，调用Array.flatMap()时，传入一个函数作为参数。该函数接受一个元素作为输入，返回一个数组作为输出。Array.flatMap()方法会对数组中的每个元素都调用该函数，然后将所有的结果展平到一个新数组中。在上例中，arr.flatMap(x => [x * 2])表示将arr数组中的每个元素乘以2，然后将所有结果展平为一个新数组。
该方法的学习和指导意义在于，它可以方便地将数据映射成为一个新的数组，并进行展平操作，使代码更加简洁高效。例如，在处理表单数据时，可以使用Array.flatMap()方法将表单数据映射成为一个新数组，并展平所有结果，以方便进行数据处理。
总结
本文介绍了ES10中新加入的Array的方法：Array.flat()和Array.flatMap()。Array.flat()方法可以将多维数组展平为一维数组，Array.flatMap()方法可以对数组进行映射，并将所有结果展平到一个新数组中。这两个方法的学习和指导意义在于，它们可以方便地处理数组数据，使代码更加简洁高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64623799968c7c53b03855be