ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

嵌套数据处理

2022-05-19 16:03:52  阅读:175  来源: 互联网

标签:el title url 嵌套 key 数据处理 children icon


后端给的数据: "sidebarRouters": [ { "key": "0", "icon": "el-icon-s-home", "title": "首页", "url": "/index" }, { "key": "1", "icon": "el-icon-s-tools", "title": "系统管理", "url": "/systemManage", "children": [ { "key": "0", "icon": "el-icon-menu", "title": "菜单管理", "url": "/menuManage" }, { "key": "1", "icon": "el-icon-s-custom", "title": "部门管理", "url": "/partManage" }, { "key": "2", "icon": "el-icon-suitcase", "title": "岗位管理", "url": "/jobManage" }, { "key": "3", "icon": "el-icon-notebook-2", "title": "日志管理", "url": "/dayManage", "children": [ { "key": "0", "icon": "el-icon-thumb", "title": "操作日志", "url": "/operationManage" }, { "key": "1", "icon": "el-icon-s-custom", "title": "登陆日志", "url": "/loginManage" } ] } ] }, { "key": "2", "icon": "el-icon-user", "title": "用户管理", "url": "/useManage" }, { "key": "3", "icon": "el-icon-help", "title": "其他", "url": "/other", "children": [ { "key": "0", "icon": "el-icon-date", "title": "其他1", "url": "/other1" }, { "key": "1", "icon": "el-icon-paperclip", "title": "其他2", "url": "/other2" } ] } ]   目标:把所有的url取出作为单独数组 function filterPermissions(navMenuData) { let children = [] navMenuData.forEach(el => { if (el.children && el.children.length) { return el.children.forEach(c => { if (c.children && c.children.length) { return (children = children.concat(filterPermissions(c.children))) } children.push(c.url) }) } else { children.push(el.url) } }) return children } const permissionList = filterPermissions(sidebarRouters) console.log(permissionList) 结果: ['/index', '/menuManage', '/partManage', '/jobManage', '/operationManage', '/loginManage', '/useManage', '/other1', '/other2']

标签:el,title,url,嵌套,key,数据处理,children,icon
来源: https://www.cnblogs.com/xieZhao/p/16288826.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有