Lodash 学习笔记 (四)：flatten 数组展平

2023-10-12 19:17:53

不管是 JavaScript 的初学者还是资深人士，在编程过程中难免会遇到处理数组的需求。而 Lodash 库提供了丰富的数组操作方法，可以帮助开发者更轻松地处理数组数据。在 Lodash 学习笔记系列的第四篇中，我们将重点介绍 flatten 方法及其在数组展平中的应用。

数组展平的必要性

在实际编程中，我们经常会遇到需要将多维数组转换为一维数组的情况。例如，我们可能有一个包含多个子数组的数组，而我们需要将这些子数组展平为一个包含所有元素的一维数组。这就是数组展平的必要性所在。

Lodash flatten 方法简介

Lodash 库提供了 flatten 方法来帮助我们轻松实现数组展平。flatten 方法的作用是将数组展平，但只展平一级。也就是说，如果数组中还有子数组，flatten 方法只会将子数组展平为一维数组，而不会继续展平子数组中的元素。

flatten 方法的实现原理

flatten 方法的实现原理其实很简单。首先，它会获取数组的长度。如果数组为 null 或 undefined，则 length 为 0。然后，它会判断 length 是否不为 0。如果为 0，则返回空数组。否则，它会调用 baseFlatten 方法。baseFlatten 方法是一个递归方法，它会对数组进行深度展平。也就是说，它会一直递归地展平数组中的子数组，直到所有子数组都被展平为止。

flatten 方法的使用示例

下面是一个使用 flatten 方法的示例：

const array = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
const flattenedArray = _.flatten(array);
console.log(flattenedArray);
// 输出：[1, 2, 3, 4, 5, 6, 7, 8, 9]

在这个示例中，我们使用 Lodash 库的 flatten 方法将一个包含三个子数组的数组展平为一个包含所有元素的一维数组。然后，我们将展平后的数组输出到控制台。