js json扁平数组转树形结构

js json扁平数组转树形结构,第1张

js json扁平数组转树形结构 1.场景2.方法

1.场景

后台返回的数据是这样的

渲染到页面也就成这样了

很明显是不对的,结果应该是这样

2.方法
 const result = [] //定义空数组作为结果
        const map = demo.reduce((pre, cur) => {
          pre[cur.zzlx] = cur.zzlx //将原始数组转换成对象 (用于判断是否有children属性)
          return pre
        }, {})

        for (let i in map) {
          result.push({
            time: map[i]
          })

        }
        for (let key in demo) {
          //第一级数据,直接加入到结果数组中
          for (let j = 0; j < result.length; j++) {
            if (demo[key]["zzlx"] == result[j]["time"]) {
              //判断是否为子级数据     
              result[j]["children"] = result[j]["children"] || []
              result[j]["children"].push(demo[key])
            }

          }

        }

demo是我原来的数据,zzlx,time根据自己的数据进行更改

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1321947.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存