将数据列表转为树型

最新推荐文章于 2024-07-06 16:47:20 发布

workbetter

最新推荐文章于 2024-07-06 16:47:20 发布

阅读量486

点赞数 15

文章标签： java 服务器 linux 开发语言 javascript

本文链接：https://blog.csdn.net/workbetter/article/details/136065136

版权

/**
 * 将数据列表转为树型
 * @param data 列表数据
 * @param tree 树型树据
 */
function  listToTree(data,tree){
  let map = {}
  if (!Array.isArray(data)) {
    return []
  }
  data.forEach(item => {
    if(item.parent){
      item.parentId = item.parent.id
    }
    else{
      item.parentId = 0
    }
    map[item.id] = item 
  })

  data.forEach((item,index) => {
    let parent = map[item.parentId] 
    if (parent) {
      (parent.children || (parent.children = [])).push(item)
    } else {
      tree.push(item) 
    }
  });

}

列表数据样例

[
  {
    "id": 1,
    "cratedMember": "",
    "created": 1641369903651,
    "enabled": true,
    "modified": 1641369903651,
    "name": "兰山区",
    "organization": null,
    "parent": null,
    "remark": null,
    "status": true,
    "updateMember": ""
  },
  {
    "id": 2,
    "cratedMember": "",
    "created": 1641369903651,
    "enabled": true,
    "modified": 1641369903651,
    "name": "兰山街道",
    "organization": null,
    "parent": null,
    "remark": null,
    "status": true,
    "updateMember": ""
  },
  {
    "id": 3,
    "cratedMember": "",
    "created": 1641369903651,
    "enabled": true,
    "modified": 1641369903651,
    "name": "柳青街道",
    "organization": null,
    "parent": {
      "id": 1,
      "name": "兰山区"
    },
    "parentId": 0,
    "remark": null,
    "status": true,
    "updateMember": ""
  }
]

生成树形数据

[
  {
    "id": 1,
    "cratedMember": "",
    "created": 1641369903651,
    "enabled": true,
    "modified": 1641369903651,
    "name": "兰山区",
    "organization": null,
    "parent": null,
    "parentId": 0,
    "remark": null,
    "status": true,
    "updateMember": "",
    "children": [
      {
        "id": 2,
        "cratedMember": "",
        "created": 1641369903651,
        "enabled": true,
        "modified": 1641369903651,
        "name": "兰山街道",
        "organization": null,
        "parent": {
          "id": 1,
          "name": "兰山区"
        },
        "parentId": 1,
        "remark": null,
        "status": true,
        "updateMember": ""
      },
      {
        "id": 2,
        "cratedMember": "",
        "created": 1641369903651,
        "enabled": true,
        "modified": 1641369903651,
        "name": "柳青街道",
        "organization": null,
        "parent": {
          "id": 1,
          "name": "兰山区"
        },
        "parentId": 1,
        "remark": null,
        "status": true,
        "updateMember": ""
      }
    ]
  }
]