JavaScript 中展平嵌套数组的四种有效方法

在 JavaScript 中，处理嵌套数组是常见的任务之一。展平嵌套数组可以使数据更易于处理和操作。以下介绍四种有效的方法来实现这一目标。

方法一：使用递归函数 递归是一种强大的技术，适用于处理嵌套结构。我们可以定义一个递归函数，不断地将子数组展开，直到所有元素都处于同一层级。

function flattenRecursive(arr) {
  let result = [];
  for (let item of arr) {
    if (Array.isArray(item)) {
      result = result.concat(flattenRecursive(item));
    } else {
      result.push(item);
    }
  }
  return result;
}

方法二：使用 reduce 方法 reduce 方法可以对数组进行累积计算。通过巧妙地利用它，可以将嵌套数组展平。

function flattenReduce(arr) {
  return arr.reduce((acc, cur) => acc.concat(Array.isArray(cur)? flattenReduce(cur) : cur), []);
}

方法三：使用 flat 方法（ES2019） ES2019 引入了 flat 方法，使展平数组变得更加简洁。

function flattenFlat(arr) {
  return arr.flat(Infinity);
}

方法四：使用扩展运算符 扩展运算符可以将数组展开，结合循环可以实现嵌套数组的展平。

function flattenSpread(arr) {
  let result = [];
  while (arr.some(Array.isArray)) {
    arr = [].concat(...arr);
  }
  return arr;
}

在实际应用中，选择哪种方法取决于具体的需求和项目的环境。如果对性能要求较高，可能需要对不同方法进行性能测试。

无论是处理复杂的数据结构还是优化代码的可读性，掌握这些展平嵌套数组的方法都将为 JavaScript 开发带来极大的便利。希望您能根据实际情况灵活运用这些技巧，让您的代码更加简洁高效。