js 多维数组对象扁平化数组

南有樛木。

于 2021-06-28 14:20:03 发布

阅读量3.3k

点赞数 5

分类专栏： js 文章标签： js

本文链接：https://blog.youkuaiyun.com/qq_35310623/article/details/118302713

版权

js 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用JavaScript中的reduce方法将多维数组转换为一维数组的方法。通过递归遍历并拼接所有子元素，实现了对任意深度嵌套数组的扁平化处理。

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

多维数组对象，使用reduce转换成一维数组

数据结构：

  let arr = [
      { 
        name: '1', id:'1', 
        children:[
            { name:'1-1', id:'1-1'},
            { name:'1-2', id:'1-2' ,
            children:[ { name:'1-2-1', id:'1-2-1' }]
        }]
  }]

实现代码：

function flatten (arr){
    return arr.reduce((result, item)=> {
        return result.concat(item,(Array.isArray(item.children) ? flatten(item.children) :    []));
    }, []);
}
flatten(arr)

结果：