reduce 树结构数组转为扁平数组

最新推荐文章于 2024-06-13 14:08:15 发布

方寸之间。

最新推荐文章于 2024-06-13 14:08:15 发布

阅读量1.3k

点赞数 1

分类专栏： javascript 文章标签： javascript es6

本文链接：https://blog.csdn.net/mazhili1991/article/details/104501172

版权

本文介绍如何利用JavaScript的reduce方法，将包含树状结构的数组转换为一维扁平数组。内容包括处理每个元素的全字段和部分字段的方法。

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

每个元素全字段

const flatten = (data)=> data.reduce((arr, item)=> arr.concat([item], flatten(item.childrenList)), []);
const list = [
  {
   id: 1, name: 1, pid: -1, childrenList: [
    {
   id: 7, name: 7, pid: 1, childrenList: []},
    {
   id: 8, name: 8, pid: 1, childrenList: []},
    {
   id: 9, name: 9, pid: 1, childrenList: []},
  ]},
  {
   id: 2, name: 2, pid: -1, childrenList: [
    {
   id: 3, name: 3, pid: 2, childrenList: []},
    {
   id: 4, name: 4, pid: 2, childrenList: []},
    {
   id: 5, name: 5, pid: 2, childrenList: []},
    {
   id: 6, name: 6