数组塌陷：JavaScript 数组展开中出现 undefined 值的原因和解决方案

什么是数组塌陷？

数组塌陷是指在使用嵌套数组时，当其中一个数组为空时，数组展开后会出现 'undefined' 值。

例如，以下代码：

const arr = [[1, 2], [3, 4], []];
const flatArr = arr.flat(); // [1, 2, 3, 4, undefined]

在上面的例子中，第三个子数组是空的，当我们使用 flat() 方法展开数组时，它会被展开成 'undefined' 值，导致数组塌陷。这种情况可能会导致程序出现意外的错误或 bug。

如何避免数组塌陷？

为了避免数组塌陷，你可以使用以下几种方法：

• 使用 filter() 方法去除空数组：

const arr = [[1, 2], [3, 4], []];
const flatArr = arr.filter(subArr => subArr.length > 0).flat(); // [1, 2, 3, 4]

• 使用 map() 方法将空数组替换为其他值：

const arr = [[1, 2], [3, 4], []];
const flatArr = arr.map(subArr => subArr.length > 0 ? subArr : [0]).flat(); // [1, 2, 3, 4, 0]

• 使用条件语句判断数组是否为空：

const arr = [[1, 2], [3, 4], []];
const flatArr = [];
for (let i = 0; i < arr.length; i++) {
  if (arr[i].length > 0) {
    flatArr.push(...arr[i]);
  }
}
// flatArr = [1, 2, 3, 4]

选择哪种方法取决于你的具体需求，但重要的是要理解数组塌陷的原因，并采取措施来避免它。