导航菜单递归

盲人提灯

于 2023-11-11 18:00:30 发布

阅读量139

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/A_lamp/article/details/134351484

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

}