将多维数组扁平化为一维数组

最新推荐文章于 2024-11-04 16:17:23 发布

煮豆燃豆萁~

最新推荐文章于 2024-11-04 16:17:23 发布

阅读量128

点赞数

文章标签： javascript vue.js 开发语言

本文链接：https://blog.csdn.net/qq_43962582/article/details/134666945

版权

本文介绍了如何使用JavaScript的递归函数`flattenArray`、ES6的`flat`方法以及`reduce`方法来展开嵌套数组，展示了这些技术在处理数组时的实用性和效率。

摘要由CSDN通过智能技术生成

1.递归

function flattenArray(arr) {
  let result = [];

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

  return result;
}

// 示例
const array = [1, [2, 3], [4, [5, 6]]];
const newArray = flattenArray(array);
console.log(newArray); // 输出： [1, 2, 3, 4, 5, 6]

2. ES6的方法flat

const array = [1, [2, 3], [4, [5, 6]]];
const newArray = array.flat(Infinity);
console.log(newArray); // 输出： [1, 2, 3, 4, 5, 6]

3. 数组reduce方法

const array = [1,9,[1, 2], [3, [4, 5]], 6];
const newArray = array.reduce((acc, curr) => acc.concat(curr), []);
console.log(newArray); // 输出 [1,9,1,2,3,4,5,6]