js 递归实现筛选出两个(树状数组)中相同的数据

这个博客内容涉及到了一个使用递归方法来过滤和匹配本地路由与请求的角色菜单路由的过程。通过遍历和比较`localRoutes`与`menus`中的元素,筛选出符合条件的路由,并将其子路由进行相应的处理,最终返回匹配的路由列表。这个方法对于权限管理和动态路由配置具有重要意义。
摘要由CSDN通过智能技术生成

在这里插入图片描述

递归方法

// asyncRoutes 本地所有的菜单路由
// menus 请求的角色的菜单路由
const _arrRoutes = (menus, localRoutes) => {
  const list = []
  localRoutes.filter(item => menus.some(ele => {
    if (item.children && item.children.length) {
      const routeChild = _arrRoutes(ele.children ?? [], item.children ?? [])
      if (routeChild.length) item.children = routeChild
    }
    // 筛选条件
    if (item.name === ele.path) {
      list.push(item)
    }
  }))
  return list
}

调用方法

const routes = _arrRoutes(menus, asyncRoutes)
console.log(routes, '筛选后的数据')
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值