js树结构数据处理成一维数组（递归）

最新推荐文章于 2023-11-27 14:49:19 发布

原创最新推荐文章于 2023-11-27 14:49:19 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的角色菜单生成算法。该算法接受角色数据作为输入，通过递归方式构建菜单结构，最终返回菜单列表。适用于权限管理和动态菜单展示的场景。

话不多说，直接上代码

const makeList = (roles) => {
  if (!Array.isArray(roles)) {
    return { menus: null,};
  }
  const menus = [];

  const recursion = (dataArr, parentPathname) => {
    dataArr.forEach((data) => {
      if (data && typeof data === 'object' && !Array.isArray(data)) {
        const { type, route, children, ...rest } = data;
        if (type === 1) {
          menus.push({
            type,
            route,
            ...rest,
          });
          if (Array.isArray(children) && children.length > 0) {
            recursion(children, route);
          }
        } 
      }
    });
  }
  recursion(roles, '/');
  return { menus, licenses };
};