如何将扁平数组转换成可渲染对象

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>),好了下面开始说正事:


tableData2: [

    { code: '12', name: '解忧杂货铺1', pcode: '0' },
    { code: '123', name: '解忧杂货铺2', pcode: '12' },
    {code: '1234',name: '解忧杂货铺2-1',pcode: '12'},
    {code: '854',name: '解忧杂货铺3-1',pcode: '123'}
  ]        
  转换成:
  JsonTree: [
    {
      id: 1,
      name: '解忧杂货铺1',
      pid: 0,
      children: [{ id: 6, name: '解忧杂货铺1-2', pid: 2 }, { id: 3, name: '解忧杂货铺1-3', pid: 2, children: [{ id: 4, name: '解忧杂货铺3-1', pid: 3 }] }]
    },
    {
      id: 2,
      name: '解忧杂货铺2',
      pid: 0,
      children: [{ id: 6, name: '解忧杂货铺2-2', pid: 2 }, { id: 3, name: '解忧杂货铺2-3', pid: 2, children: [{ id: 4, name: '解忧杂货铺3-1', pid: 3 }] }]
    }
  ]
  
  然后渲染到页面上去
  页面是表格样子,第一列放为一级的,第二列放二级的,第三列放三级的。
  其中我找到的方法转换的,id和pid不能是字符串,不然转换不了。。。天呐怎么搞??!!

郑重声明:本站部分内容转载自网络,版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(QQ/微信153890879)修改或删除,多谢。