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

Question

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不能是字符串，不然转换不了。。。天呐怎么搞？？！！