CMD 命令行中的 tree 样式输出

阳光穿透心脏的1/2处 2022-07-15 22:46 92阅读 0赞

从很早就对各种命令行中输出的特殊样式感兴趣，最常见的就是 tree.

例如在某个目录执行 tree 命令，显示如下树图：

F:.
    └─tk
        └─mybatis
            ├─mapper
            │  ├─annotation
            │  ├─code
            │  ├─common
            │  │  ├─base
            │  │  │  ├─delete │ │ │ ├─insert │ │ │ ├─select │ │ │ └─update │ │ ├─condition │ │ ├─example │ │ ├─ids │ │ ├─rowbounds │ │ ├─special │ │ └─sqlserver │ ├─entity │ ├─generator │ ├─mapperhelper │ ├─provider │ │ └─base │ └─util └─spring └─mapper

这里使用JS简单实现上面的效果：

测试：

var treeData = [
        {
            text: '树根',
            children: [
                {
                    text:'树枝',
                    children: [
                        {
                            text:'叶子',
                            children: [
                                {
                                    text:'叶子'
                                }
                            ]
                        }
                    ]
                },{
                    text:'叶子'
                }
            ]
        },{
            text: '树根',
            children: [
                {
                    text:'树枝'
                },{
                    text:'叶子'
                }
            ]
        }
    ];
    
    tree(treeData);

输出结果：

├─树根
    │ ├─树枝
    │ │ └─叶子
    │ │   └─叶子
    │ └─叶子
    └─树根
      ├─树枝
      └─叶子

应用到具体数组时，主要是对下面代码进行修改：

if(('children' in nodes[i]) 
        && nodes[i].children != undefined 
        && nodes[i].children.length > 0){
        tree(nodes[i].children, prefix + PREFIX_TRUNK);
    }

判断当前节点是否有子节点（或者是否包含子文件），如果包含，就获得所有子节点去循环。