导航菜单递归

最新推荐文章于 2024-09-04 19:23:53 发布

盲人提灯

最新推荐文章于 2024-09-04 19:23:53 发布

阅读量95

点赞数

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

本文链接：https://blog.csdn.net/A_lamp/article/details/134351484

版权

该篇文章介绍了一个JavaScript函数，用于根据给定的menuList数据构建一个导航树结构，通过递归处理子菜单并按排序规则展示。主要关注点是将菜单项类型为M的顶级菜单整理成层次结构。

摘要由CSDN通过智能技术生成

const formatNavTree = (menuList)=》{

    const toNavData = data =》({

     id： data.id,

     menuName: data.menuName,

     url: data.httpUrl,

     code: data.parentMenuCode,

     type: data.menuType,

     sort:  +data.menuOrder

})

const getTree = data => data.map( item =》{

let branch = toNavData(item)

let childList = item.children === null ? [ ] : getTree(item.children)

branch.children = childList.length ? childList : null

return branch
}).filter(item => item.type == 'M').sort((item0, item1) => item0.sort - item1.sort)

let res = getTree(menuList)

return res

}