js 扁平数据转树利用 array reduce方法

最新推荐文章于 2024-07-25 09:24:40 发布

qq_2550184222

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量323

点赞数 6

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_30309009/article/details/136149457

版权

//模拟菜单数据
let menu = [
    {id:1,pid:0,name:'编程语言'},
    {id:2,pid:1,name:'java'},
    {id:3,pid:1,name:'js'},
    {id:4,pid:0,name:'设计模式'},
];

//构建返回数据
let result = menu.reduce((preVal,currVal,currentIndex,prices)=>{
    currVal.children = prices.filter(v=> v.pid === currVal.id)
    if(currVal.pid == 0){
        preVal.push(currVal)
    }
  return preVal
},[])
console.log(JSON.stringify(result, null, 4));