Bootstrap

JavaScript 解决 list to tree 问题

后端方便保存的树状结构是一层结构,通过 parentId 来确认父子关系。然而前端树组件,比如 antd 的树组件,需要的输入数据是 children 形式的数据,这个时候就需要将 list 结构的数据转化成 tree 结构的数据。

输入数据为:

[
  {
   
      "id": "12",
      "parentId": "0",
      "text": "Man",
      "level": "1",
      "children": null
  },
  {
   
      "id": "6",
      "parentId": "12",
      "text": "Boy",
      "level": "2",
      "children": null
  },
  {
   
      "id": "7",
      "parentId": "12",
      "text": "Other",
      "level": "2",
      "children": null
  },
  
;