JavaScript 根据目录路径转为目录结构

最新推荐文章于 2023-11-10 10:07:13 发布

w-somebody

最新推荐文章于 2023-11-10 10:07:13 发布

阅读量1.3k

点赞数

分类专栏： # JavaScript/jQuery 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_37600506/article/details/129268147

版权

JavaScript/jQuery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1、单个路径 path 转为目录结构

 pathToCatlog(path) {
    if (!path) return []
    let pathArr = path.split('/')
    let catlog = []
    for (let i = pathArr.length - 1; i > 0; i--) {
        let node = {
            name: pathArr[i],
            children: catlog
        }
        catlog = [node]
    }
    return catlog
}
let path = 'a/b/c/d'
pathToCatlog(path)

2、多个路径 Arr 转为 Tree 结构

pathArrToTree(arr) {
    let treeDTO = []
    arr.forEach(item => {
        const nodeArray = item.name.split('/')
        let children = treeDTO
        for (const i of nodeArray) {// 循环构建子节点
            const node = {
                label: i,
                name: item.name,
                commit: item.commit
            }
            if (!children.length === 0)  children.push(node)
            let isExist = false
            for (const j in children) {
                if (children[j].label === node.label) {
                    if (!children[j].children) {
                        children[j].children = []
                    }
                    children = children[j].children
                    isExist = true
                    break
                }
            }
            if (!isExist) {
                children.push(node)
                if (!children[children.length - 1].children) {
                    children[children.length - 1].children = []
                }
                children = children[children.length - 1].children
            }
        }
    })
    return treeDTO
}
let arr = [
    'origin/config',
    'origin/develop-patch',
    'origin/global/feature/v45/1501-test',
    'origin/global/hotfix/release/v45/1507-to-develop',
]
pathArrToTree(arr)