【前端芝士树】如何完成数组的扁平化 Array flattern？

最新推荐文章于 2024-04-30 20:29:04 发布

转载最新推荐文章于 2024-04-30 20:29:04 发布 · 405 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000016955114

文章标签：

#前端 #ruby #ViewUI

本文详细介绍了如何在JavaScript中实现数组的扁平化处理，包括简单的两层嵌套数组扁平化方法，以及如何处理多层嵌套的复杂情况。通过多种函数实现方式，如使用concat、reduce和递归等，提供了丰富的示例代码。

【前端芝士树】如何完成数组的扁平化 Array flattern？

问题描述

输入：一个嵌套型数组
输出：扁平化后的数组

let array = [1, [2, 3, 4]];
let arrayDeeper = [1, [2, [3, 4]]];

如果只是两层的数据

function flatten_1(arr) {
  return Array.prototype.concat.apply([], arr);
}

console.log(flatten_1(array));

如果是多层嵌套的数组

function flattenDeeper_1(arr) {
  return arr.toString().split(',').map((item) => parseInt(item));
  //return arr.join(',').split(',').map((item) => parseInt(item));
}

function flattenDeeper_2(arr) {
  return arr.reduce((prev, current) => {
    return Array.prototype.concat(prev, Array.isArray(current) ? flattenDeeper(current) : current);
  })
}
function flattenDeeper_3(arr, result = []) {
  for (let item of arr) {
    if(Array.isArray(item)){
      flattenDeeper_2(item, result);
    }else{
      result.push(item);
    }
  }
  return result;
}
console.log(flattenDeeper_1(arrayDeeper));
console.log(flattenDeeper_2(arrayDeeper));
console.log(flattenDeeper_3(arrayDeeper));