利用前端工具将list中的数据转换成树形结构
在菜单列表中可以通过前端将调取整个菜单的list列表数据,在进行菜单显示是根据其父子关系转换成树的结构
/** * 将普通列表无限递归转换为树 * @param {[type]} list [普通的列表,必须包括 opt.primaryKey 指定的键和 opt.parentKey 指定的键] * @param {[type]} opt [配置参数,支持 primaryKey(主键 默认id) parentKey(父级id对应键 默认pid) nameKey(节点标题对应的key 默认name) valueKey(节点值对应的key 默认id) checkedKey(节点是否选中的字段 默认checked,传入数组则判断主键是否在此数组中) startPid(第一层扫描的PID 默认0) currentDept(当前层 默认0) maxDept(最大递归层 默认100) childKey(递归完成后子节点对应键 默认list) deptPrefix(根据层级重复的前缀 默认'')] * @return {[type]} [description] */ export const listConvertTree = (array, opt) => { let obj = { primaryKey: opt.primaryKey || 'id', parentKey: opt.parentKey || 'pid', startPid: opt.startPid || 0, currentDept: opt.currentDept || 0, maxDept: opt.maxDept || 100, childKey: opt.childKey || 'children' } return listToTree(array, obj.startPid, obj.currentDept, obj) }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
· 【译】Visual Studio 中新的强大生产力特性
· 2025年我用 Compose 写了一个 Todo App