实践中对递归的总结
一、树型数据的筛选(如,vue路由的对需要权限的筛选处理)
1、在页面权限上的使用
//用于过滤当前用户需要展示的异步路由 function filterAsyncRoute(asnycRoute, routes) { return asnycRoute.filter((item) => { if (routes.includes(item.name)) { if (item.children && item.children.length > 0) { //硅谷333账号:product\trademark\attr\sku item.children = filterAsyncRoute(item.children, routes) // 修改子对象的数据,直接赋值修改就可以了 } return true } }) }
- 对原有数据进行处理后,原来的数据已经改变。切换用户时,其它用户的数据肯定不正确了,所以要用到深拷贝数据。
//计算当前用户需要展示的异步路由 const userAsyncRoute = filterAsyncRoute( cloneDeep(asnycRoute), // 传递深拷贝后的数据进行处理。 result.data.routes, )