递归多维(树形)数组-重组字段

前言：如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。

一、话不多说,直接上菜。

1、数据格式-如图

var arr = [
    {
      "title": "一维数组",
      "parentid": 1,
      "key": "1",
      "checkable": false,
      "children": [
        {
          "title": "二维数组",
          "parentid": 2,
          "key": "2",
          "checkable": false,
          "children": [
            {
              "title": "三维数组",
              "parentid": 3,
              "key": "3",
              "checkable": false,
              "children": []
            }
          ]
        }
      ]
    },
    {
     "title": "一维数组",
     "parentid": 2,
     "key": "2",
     "checkable": false,
     "children": []
    }
]

2、方法-如图

export function recursionTreeData (treeData) {
  const newTreeData = [];
  let obj = {};
  treeData.forEach(item => {
    const tmp = { ...item };
    if (tmp.children) {
      //内部调用即递归
      tmp.children = recursionTreeData(tmp.children);
      obj = { //obj可动态配置字段
        title: tmp.title,
        key: tmp.key,
        value: tmp.key,
        children: tmp.children
      }
    }
    newTreeData.push(obj);
  })
  return newTreeData;
}

//调用
recursionTreeData(arr)

至此，递归多维(树形)数组-重组字段的功能就写好了！
最后来复习一下：如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。