实践中对递归的总结

一、树型数据的筛选(如,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,
            )

     

posted @ 2024-06-05 20:59  吴飞ff  阅读(3)  评论(0编辑  收藏  举报