如何遍历深层嵌套的数组对象

这是一棵树:

 "data": [
      {
        "children": [
          {
            "children": [
              {
                "pid": "2101",
                "id": "32",
                "label": "1#线吊点右",
                "type": 3,
                "value": "1#线吊点右"
              },
              {
                "pid": "2101",
                "id": "314",
                "label": "川C7890",
                "type": 3,
                "value": "川C7890"
              },
              {
                "pid": "2101",
                "id": "315",
                "label": "川C7891",
                "type": 3,
                "value": "川C7891"
              },
              {
                "pid": "2101",
                "id": "321",
                "label": "9999川456734567890",
                "type": 3,
                "value": "9999川456734567890"
              }
            ],
            "pid": "11",
            "id": "2101",
            "label": "炼铁作业区",
            "type": 2,
            "value": "炼铁作业区"
          }
        ],
        "id": "11",
        "label": "炼铁厂",
        "type": 1,
        "value": "炼铁厂"
      },
      {
        "children": [
          {
            "children": [],
            "pid": "12",
            "id": "2202",
            "label": "炼钢作业区",
            "type": 2,
            "value": "炼钢作业区"
          }
        ],
        "id": "12",
        "label": "炼钢厂",
        "type": 1,
        "value": "炼钢厂"
      }
    ]

这是我把它改写成这种形式 [ {}, {}, {}, {} …]
就是会用到递归

 // 递归树结构
      var list = []
      var treeArrList = []
      function reconstruct(data) {
        data.forEach(a => {
          list.push({
            'pid': a.pid ? a.pid : '',
            'id': a.id,
            'label': a.label,
            'type': a.type,
            'value': a.value
          })
          if (a.children) {
            var arr = a.children
            reconstruct(arr)
          }
        })
      }
      // console.log('list:', list)
      treeArrList = list
      console.log('oo:', treeArrList)
      reconstruct(this.treeData)
  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值