js中把jsonArray递归的方法转成树形的json对象

一个json数组

var nodes = [
    {"id":2,"title":"第一级1","parentid":0},
    {"id":3,"title":"第二级1","parentid":2},
    {"id":4,"title":"第二级2","parentid":2},
    {"id":5,"title":"第三级1","parentid":4},
    {"id":6,"title":"第三级2","parentid":3}
];

如何用递归的方式,转成如下树状格式:

var treeData = {
    "id": "2",
    "title": "第一级1",
    "children": [
        {
            "id": "3",
            "title": "第二级1",
            "children": [
                {
                    "id": "6",
                    "title": "第三级2",
                    "children": [
                        
                    ]
                }
            ]
        },
        {
            "id": "4",
            "title": "第二级2",
            "children": [
                {
                    "id": "5",
                    "title": "第三级1",
                    "children": [
                        
                    ]
                }
            ]
        }
    ]
}
/**
     * 数组转成树状结构
     * @param data 数据结构 [{
            "_parentId": 14,
            "gmtCreate": "2019-01-15 09:44:38",
            "gmtUpdate": "2019-01-15 09:44:38",
            "id": 15,
            "isShow": 1,
            "name": "用户注册",
            "orderIndex": 10000,
            "parentId": 14
        },...]
     * @param pid 初始父节点id,一般是0
     * @return [{
          label: '一级 1',
          children: [{
            label: '二级 1-1',
            children: [{
              label: '三级 1-1-1'
            }]
          }]
        }
     */
    convertToTreeData(data, pid) {
      const result = []
      let temp = []
      for (let i = 0; i < data.length; i++) {
        if (data[i].parentid === pid) {
          const obj = { 'title': data[i].name, 'id': data[i].id }
          temp = this.convertToTreeData(data, data[i].id)
          if (temp.length > 0) {
            obj.children = temp
          }
          result.push(obj)
        }
      }
      return result
    }

使用方式:

var nodes = [
    {"id":2,"title":"第一级1","parentid":0},
    {"id":3,"title":"第二级1","parentid":2},
    {"id":4,"title":"第二级2","parentid":2},
    {"id":5,"title":"第三级1","parentid":4},
    {"id":6,"title":"第三级2","parentid":3}
];
const treeData = convertToTreeData(nodes, 0)
console.log(treeData)
  • 8
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值