javaScript 递归生成树形(tree)结构

  • 原始数据
const temp = [
        {
          'id': 1,
          'name': '1级1',
          'parentId': 0
        },
        {
          'id': 2,
          'name': '2级1',
          'parentId': 0
        },
        {
          'id': 4,
          'name': '1级1-1',
          'parentId': 1
        },
        {
          'id': 6,
          'name': '1级1-1-1',
          'parentId': 4
        },
        {
          'id': 12,
          'name': '2级1-1',
          'parentId': 2
        },
        {
          'id': 13,
          'name': '3级1',
          'parentId': 0
        },
        {
          'id': 14,
          'name': '3级1-1',
          'parentId': 13
        },
        {
          'id': 15,
          'name': '1级1-1-1-1',
          'parentId': 6
        }
      ]
  • 递归生成后的树形结构数据
[{
		"id": 1,
		"label": "1级1",
		"children": [{
			"id": 4,
			"label": "1级1-1",
			"children": [{
				"id": 6,
				"label": "1级1-1-1",
				"children": [{
					"id": 15,
					"label": "1级1-1-1-1"
				}]
			}]
		}]
	},
	{
		"id": 2,
		"label": "2级1",
		"children": [{
			"id": 12,
			"label": "2级1-1"
		}]
	},
	{
		"id": 13,
		"label": "3级1",
		"children": [{
			"id": 14,
			"label": "3级1-1"
		}]
	}
]
  • 递归方法
	// 调用方法, temp为原始数据, result为树形结构数据
	var result = generateOptions(temp)

	// 开始递归方法
	generateOptions(params) {
      var result = []
      for (const param of params) {
        if (param.parentId === 0) {  // 判断是否为顶层节点
          var parent = {
            'id': param.id,
            'label': param.name
          }
          parent.children = this.getchilds(param.id, params)  // 获取子节点
          result.push(parent)
        }
      }
      return result
    },

    getchilds(id, array) {
      const childs = []
      for (const arr of array) {  // 循环获取子节点
        if (arr.parentId === id) {
          childs.push({
            'id': arr.id,
            'label': arr.name
          })
        }
      }
      for (const child of childs) { // 获取子节点的子节点
        const childscopy = this.getchilds(child.id, array)// 递归获取子节点
        if (childscopy.length > 0) {
          child.children = childscopy
        }
      }
      return childs
    }
  • 12
    点赞
  • 52
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值