导航菜单递归

原创于 2023-11-11 18:00:30 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

该篇文章介绍了一个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

}