在 ECMAScript 2019 中，新增了两个数组方法：Array.prototype.flat 和 Array.prototype.flatMap。这两个方法可以方便地处理嵌套数组和映射数组。但是在使用这两个方法的时候，也容易犯一些错误。本文就来介绍一下这两个方法的常见错误以及怎样避免这些错误。
Array.prototype.flat 方法
Array.prototype.flat 方法可以将嵌套的数组展开成一个新的数组。这个方法的参数是一个数字，表示要展开的嵌套层数。如果不传参数，默认展开一层。下面是一个例子：
const arr = [1, 2, [3, 4, [5, 6]]]; const flatArr = arr.flat(2); console.log(flatArr); // [1, 2, 3, 4, 5, 6]
在使用 Array.prototype.flat 方法的时候，有一些常见的错误：
错误1：传入的参数不是数字
如果传入的参数不是数字，会抛出 TypeError 错误。例如：
const arr = [1, 2, [3, 4, [5, 6]]];
const flatArr = arr.flat('2'); // TypeError: "2" is not a number为了避免这个错误，我们需要确保传入的参数是数字类型。
错误2：传入的参数小于 1
如果传入的参数小于 1，会返回原数组，不会进行展开。例如：
const arr = [1, 2, [3, 4, [5, 6]]]; const flatArr = arr.flat(0); // [1, 2, [3, 4, [5, 6]]]
为了避免这个错误，我们需要确保传入的参数大于等于 1。
错误3：传入的参数超过数组的嵌套层数
如果传入的参数大于数组的嵌套层数，会返回展开后的数组。例如：
const arr = [1, 2, [3, 4, [5, 6]]]; const flatArr = arr.flat(3); // [1, 2, 3, 4, 5, 6]
但是如果传入的参数超过数组的嵌套层数，会导致性能问题。为了避免这个问题，我们需要确保传入的参数不大于数组的嵌套层数。
Array.prototype.flatMap 方法
Array.prototype.flatMap 方法可以对数组进行映射，并将映射后的结果展开成一个新的数组。下面是一个例子：
const arr = [1, 2, 3]; const flatMapArr = arr.flatMap(x => [x, x * 2]); console.log(flatMapArr); // [1, 2, 2, 4, 3, 6]
在使用 Array.prototype.flatMap 方法的时候，有一些常见的错误：
错误1：回调函数返回的不是数组
如果回调函数返回的不是数组，会抛出 TypeError 错误。例如：
const arr = [1, 2, 3];
const flatMapArr = arr.flatMap(x => x * 2); // TypeError: Result of the provided
// function must be an array为了避免这个错误，我们需要确保回调函数返回的是数组类型。
错误2：回调函数返回的数组嵌套层数太多
如果回调函数返回的数组嵌套层数太多，会导致 Array.prototype.flatMap 方法无法正确展开数组。例如：
const arr = [1, 2, 3]; const flatMapArr = arr.flatMap(x => [[x, x * 2]]); console.log(flatMapArr); // [[1, 2], [2, 4], [3, 6]]
为了避免这个问题，我们需要确保回调函数返回的数组嵌套层数不要太多。
总结
在使用 ECMAScript 2019 中的 Array.prototype.flat 和 Array.prototype.flatMap 方法的时候，需要注意一些常见的错误。我们需要确保传入的参数是数字类型，并且不要小于 1，不要超过数组的嵌套层数。同时，回调函数返回的数组需要确保不要太嵌套。通过避免这些错误，可以更加高效地使用这两个方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/658ed127eb4cecbf2d49fec3