js实现树形结构化

最新推荐文章于 2024-08-15 14:23:35 发布

前端小歌谣

最新推荐文章于 2024-08-15 14:23:35 发布

阅读量3k

点赞数 38

文章标签： js 前端

本文链接：https://blog.csdn.net/weixin_43392489/article/details/115239936

版权

本文介绍了如何在前端使用JavaScript将结构化的数据转换为树形结构，常见于权限系统的实现。文章通过实例代码展示了两种不同的处理方法，帮助读者理解并实践树形结构的构建过程。

摘要由CSDN通过智能技术生成

我是歌谣放弃很容易但是坚持一定很酷微信公众号关注小歌谣日常分享前后端知识

前言

今天来讲一下平常我们做权限系统中的树形结构知识
就是如何把对应关系的结构数据转换为可以一个树形结构

const data = [
  {
    id: 2,
    pid: 0,
    path: '/course',
    name: 'Course',
    title: '课程管理'
  },
  {
    id: 3,
    name: 'CourseOperate',
    path: 'operate',
    link: '/course/operate',
    pid: 2,
    title: '课程操作'
  },
  {
    id: 4,
    name: 'CourseInfoData',
    path: 'info_data',
    link: '/course/operate/info_data',
    pid: 3,
    title: '课程数据'
  },
  {
    id: 5,
    name: 'CourseAdd',
    path: 'add',
    link: '/course/add',
    pid: 2,
    title: '增加课程'
  },
  {
    id: 6,
    pid: 0,
    path: '/student',
    name: 'Student',
    title: '学生管理',
  },
  {
    id: 7,
    name: 'StudentOperate',
    path: 'operate',
    link