前端数组扁平化flat

最新推荐文章于 2025-06-08 21:35:46 发布

Random=_=

最新推荐文章于 2025-06-08 21:35:46 发布

阅读量547

点赞数 3

CC 4.0 BY-SA版权

文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/Tian_std_scu/article/details/138221261

本文介绍了JavaScript中将嵌套数组转换为单层数组的五种方法：数组自带的`flat`方法、正则替换、递归、`reduce`和栈实现。详细展示了每种方法的代码示例和工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// const arr = [1,[2,[3,[4,5]]],6]
//  方法一：数组自带的扁平化方法,flat的参数代表的是需要展开几层，如果是Infinity的话，就是不管嵌套几层，全部都展开
// console.log(arr.flat(3))
// console.log(arr.flat(Infinity))

// 方法二：使用正则
/**
 * 
 * 首先是使用 JSON.stringify 把 arr 转为字符串
 * 接着使用正则把字符串里面的 [ 和 ] 去掉
 * 然后再拼接数组括号转为数组对象 "[" + string + "]"
 * 
 */
// console.log(JSON.parse('['+ (JSON.stringify(arr).replace(/\[|\]/g,"")) + ']') );

// 方法三递归
// const result = [];
// function fn(array){
//   for(let i=0;i<array.length;i++){
//     if(Array.isArray(array[i])){
//       fn(array[i])
//     }else{
//       result.push(array[i])
//     }
//   }
//   return result
// }
// console.log(fn(arr))

// 方法四：使用 reduce
/**
 * reduce 方法: 可以用来给数组求和
 * concat() 方法用于连接两个或多个数组。
 * concat() 方法不会更改现有数组，而是返回一个新数组，其中包含已连接数组的值。
 */
// const newArr = (arr)=>{
//   return arr.reduce((pre, cur)=>{
//     return pre.concat(Array.isArray(cur) ? newArr(cur): cur)
//   },[])
// }
// console.log(newArr(arr))


// 方法五：使用栈的思想实现 flat 函数
// const arr = [1,[2,[3,[4,5]]],6]
// const myFlat = (arr)=>{
//   const result = [];
//   const stack = [].concat(arr)
//   while(stack.length){
//     let top = stack.pop();
//     if(Array.isArray(top)){
//       stack.push(...top)
//     }else{
//       result.unshift(top)
//     }
//   }
//   return result
// }
// console.log(myFlat(arr))