js 树形菜单递归

最新推荐文章于 2024-06-21 10:08:40 发布

qmdweb

最新推荐文章于 2024-06-21 10:08:40 发布

阅读量3.8k

点赞数

本文链接：https://blog.csdn.net/qmdweb/article/details/80734363

版权

本文详细探讨了如何使用JavaScript实现树形菜单的递归遍历和构建，涵盖了从数据结构的设计到递归函数的编写，帮助开发者理解递归在处理层次结构数据时的应用。

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

<script>//数据结构  
    var json = [  
    { id: 1, pid: 0, text: '1(XX公司)' },  
    { id: 2, pid: 4, text: '2.1.1(开发部a-1组)' },  
    { id: 3, pid: 0, text: '2(开发部)' },  
    { id: 4, pid: 3, text: '2.1(开发部a)' },  
    { id: 5, pid: 0, text: '3(人事部)' },  
    { id: 6, pid: 5, text: '3.1(人事部A)' },  
    { id: 7, pid: 0, text: '4(设计部)' },  
    { id: 8, pid: 7, text: '4.1(设计部A)' },  
    { id: 9, pid: 4, text: '2.1.2(开发部a-2组)' },  
    { id: 11, pid: 2, text: '2.1.1.1(开发部a-1组>1小组)' },  
    { id: 12, pid: 2, text: '2.1.1.2(开发部a-1组>2小组)' },  
    { id: 13, pid: 5, text: '3.2(人事部A)' },  
    { id: 19, pid: 5, text: '3.3(人事部B)' }  
    ];  
    function departmentRecursion(mid, obj) {  
        var a = '<dl>'; 
        //console.log(obj.length); 
        //for (var i = 0, j=0;i<=obj.length;) 
        //{
           // co