老规矩先看结果:
如何把从后台查出来的list转换为这样的json数据呢?看我的
代码如下:
function toTree(list,pid = 0){
var newArray=[]
list.map((e)=>{
if(e.pid===pid){
e.children=toTree(list,e.id);
newArray.push(e);
}
})
return newArray;
}
var list=[
{id:1,name:'美妆',pid:0},
{id:2,name:'护肤',pid:1},
{id:3,name:'彩妆',pid:1},
{id:4,name:'母婴',pid:0},
{id:5,name:'奶粉',pid:4},
{id:6,name:'童装',pid:4},
{id:7,name:'洗护',pid:0},
{id:8,name:'洗发护发',pid:7},
{id:9,name:'个人护理',pid:7},
{id:10,name:'111',pid:1},
{id:11,name:'222',pid:10}
];
var res = toTree(list);
console.log(JSON.stringify(res));
输出结果
[{"id":1,"name":"美妆","pid":0,"children":[{"id":2,"name":"护肤","pid":1,"children":[]},{"id":3,"name":"彩妆","pid":1,"children":[]},{"id":10,"name":"111","pid":1,"children":[{"id":11,"name":"222","pid":10,"children":[]}]}]},{"id":4,"name":"母婴","pid":0,"children":[{"id":5,"name":"奶粉","pid":4,"children":[]},{"id":6,"name":"童装","pid":4,"children":[]}]},{"id":7,"name":"洗护","pid":0,"children":[{"id":8,"name":"洗发护发","pid":7,"children":[]},{"id":9,"name":"个人护理","pid":7,"children":[]}]}]