掌握lodash-6 flatten，flattenDeep，flattenDepth

以嵌套数组为例，理解 flatten、flattenDeep 和 flattenDepth

在 JavaScript 中，数组的嵌套可能会给数据处理带来复杂性。Lodash 提供了三种实用的函数来简化嵌套数组的处理：flatten、flattenDeep 和 flattenDepth。

本文将通过示例逐一探讨这三个函数，帮助您掌握它们在不同场景中的应用。

flatten：浅层扁平化

flatten 函数将嵌套数组中的第一层元素提取出来，形成一个新的扁平化数组。它不会深入嵌套数组，只处理第一层。

const nestedArray = [1, [2, 3], [4, [5, 6]]];

const flattenedArray = _.flatten(nestedArray);

console.log(flattenedArray); // [1, 2, 3, 4, [5, 6]]

flattenDeep：深度扁平化

flattenDeep 函数将嵌套数组的所有层级都扁平化，形成一个完全展开的数组。

const deeplyNestedArray = [1, [2, 3], [4, [5, [6, 7]]]];

const deepFlattenedArray = _.flattenDeep(deeplyNestedArray);

console.log(deepFlattenedArray); // [1, 2, 3, 4, 5, 6, 7]

flattenDepth：指定深度扁平化

flattenDepth 函数提供了自定义扁平化深度的功能。它接受一个数字参数，指定要扁平化的嵌套层数。

const nestedArray = [1, [2, 3], [4, [5, 6]]];

const flattenedArrayDepth2 = _.flattenDepth(nestedArray, 2);

console.log(flattenedArrayDepth2); // [1, 2, 3, 4, 5, 6]

通过指定深度为 2，flattenDepth 函数将 nestedArray 扁平化了两层，而保留了第三层嵌套。

何时使用 flatten、flattenDeep 和 flattenDepth？

flatten： 适用于只处理嵌套数组第一层的场景，如获取数组中所有直接子元素。

flattenDeep： 适用于需要将所有嵌套层级完全展开的场景，如创建包含所有子元素的扁平化列表。

flattenDepth： 适用于需要指定扁平化深度的特定场景，如创建包含特定层级深度的扁平化数组。

性能考虑

需要注意的是，对于非常大的嵌套数组，flatten 和 flattenDeep 的性能开销可能很大，因为它们需要遍历整个数组结构。在处理大型嵌套数组时，应考虑使用替代方法，如循环或递归。

总结

flatten、flattenDeep 和 flattenDepth 是 Lodash 中强大的函数，可以简化嵌套数组的处理。通过理解它们的差异和应用场景，您可以选择最合适的函数来满足您的数据处理需求。