正文

如何轻松转换JS嵌套列表为扁平列表，实用技巧大公开

/0 浏览量
0527

在JavaScript中，处理嵌套数组（也称为嵌套列表或数组数组）是一个常见的需求。将嵌套数组转换成扁平数组，可以使数据处理更加简单和直观。以下是一些实用的技巧，帮助你轻松完成这一转换。

1. 使用Array.prototype.flat()

ES2019 引入了Array.prototype.flat()方法，它可以直接将嵌套数组转换成扁平数组。这是一个非常简单且高效的方法。

示例代码：

const nestedArray = [1, [2, [3, [4]], 5], 6];
const flatArray = nestedArray.flat(Infinity); // 指定深度，Infinity表示无限深度
console.log(flatArray); // [1, 2, 3, 4, 5, 6]

2. 使用递归函数

如果你不想使用flat()方法，可以自己写一个递归函数来处理嵌套数组。

示例代码：

function flattenArray(arr) {
  let result = [];
  arr.forEach(item => {
    if (Array.isArray(item)) {
      result = result.concat(flattenArray(item));
    } else {
      result.push(item);
    }
  });
  return result;
}

const nestedArray = [1, [2, [3, [4]], 5], 6];
const flatArray = flattenArray(nestedArray);
console.log(flatArray); // [1, 2, 3, 4, 5, 6]

3. 使用扩展运算符（Spread Operator）

扩展运算符也可以用来将嵌套数组转换成扁平数组。

示例代码：

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

4. 使用Array.prototype.reduce()和Array.prototype.concat()

结合使用reduce()和concat()方法也可以实现嵌套数组的扁平化。

示例代码：

const nestedArray = [1, [2, [3, [4]], 5], 6];
const flatArray = nestedArray.reduce((acc, val) => {
  return acc.concat(Array.isArray(val) ? flattenArray(val) : val);
}, []);
console.log(flatArray); // [1, 2, 3, 4, 5, 6]

总结

以上四种方法都可以将嵌套数组转换成扁平数组。选择哪种方法取决于你的具体需求和偏好。如果你使用的是较新的JavaScript环境，flat()方法是一个简单且高效的选择。如果你需要更多的控制或者使用的是旧版本的JavaScript环境，递归函数或者扩展运算符可能更适合你。

-- 展开阅读全文 --