返回

扁平化的艺术：释放嵌套数据的潜能

前端

导言

在现代编程实践中，数据结构是至关重要的组成部分。然而，在处理嵌套或多维数据结构时，我们经常需要将其扁平化，以便进行后续处理或分析。扁平化涉及将多层数据结构展开成单层数组，这可以极大地提高代码效率和数据处理性能。

扁平化的 5 种常用方式

1. JavaScript 内置 flat() 方法

JavaScript 的 flat() 方法提供了一种简洁而高效的扁平化方式。它接受一个参数，指定要展平的嵌套级别。使用 flat(Infinity) 可以实现无限深度扁平化，将所有嵌套数组展开成单一数组。

const nestedArray = [[1, 2], [3, 4], [5, [6, 7]]];
const flattenedArray = nestedArray.flat(Infinity);
console.log(flattenedArray); // [1, 2, 3, 4, 5, 6, 7]

2. 展开运算符与递归

展开运算符 (...) 可以与递归相结合，实现扁平化。递归函数逐层遍历嵌套数组，将子数组展开并与父数组合并，最终返回扁平化后的数组。

const flatten = (arr) => {
  if (!Array.isArray(arr)) return arr;
  return arr.reduce((acc, val) => [...acc, ...flatten(val)], []);
};

const nestedArray = [[1, 2], [3, 4], [5, [6, 7]]];
const flattenedArray = flatten(nestedArray);
console.log(flattenedArray); // [1, 2, 3, 4, 5, 6, 7]

3. 使用 Array.from()

Array.from() 方法可以将类似数组的对象或可迭代对象转换为真正的数组。它可以与 flat() 方法相结合，实现扁平化。

const nestedArray = [[1, 2], [3, 4], [5, [6, 7]]];
const flattenedArray = Array.from(nestedArray.flat(Infinity));
console.log(flattenedArray); // [1, 2, 3, 4, 5, 6, 7]

4. 使用 lodash 库

lodash 是一个功能丰富的 JavaScript 工具库，它提供了一个专门用于扁平化的 flatten() 函数。这个函数可以接受一个数组作为参数，并返回扁平化后的结果。

const nestedArray = [[1, 2], [3, 4], [5, [6, 7]]];
const flattenedArray = _.flatten(nestedArray);
console.log(flattenedArray); // [1, 2, 3, 4, 5, 6, 7]

5. 自制循环扁平化

如果您希望在不受外部依赖的情况下实现扁平化，也可以使用自制循环。此方法涉及逐层遍历嵌套数组，并将子数组的内容复制到父数组中。

const flatten = (arr) => {
  let result = [];
  for (let i = 0; i < arr.length; i++) {
    if (Array.isArray(arr[i])) {
      result = result.concat(flatten(arr[i]));
    } else {
      result.push(arr[i]);
    }
  }
  return result;
};

const nestedArray = [[1, 2], [3, 4], [5, [6, 7]]];
const flattenedArray = flatten(nestedArray);
console.log(flattenedArray); // [1, 2, 3, 4, 5, 6, 7]

结论

扁平化是数据处理中一项关键技术，可以极大地简化复杂数据结构的处理。本文介绍了 5 种最常用的扁平化方法，每种方法都有其优点和缺点。选择最适合您具体需求的方法至关重要。通过掌握这些技术，您可以有效地释放嵌套数据的潜能，提高代码效率并简化数据分析任务。