JavaScript遍历树结构

Posted 廖振廷

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript遍历树结构相关的知识,希望对你有一定的参考价值。

遍历

function parseTreeJson(treeNodes){
    if(!treeNodes||!treeNodes.length)return;
    for(let i=0;i<treeNodes.length;i++){
        let childs=treeNodes[i].children;
        console.log(treeNodes[i].key)
        if(childs&&childs.length>0){
            parseTreeJson(childs);
        }
    }
}

广度非递归遍历

const travelWidely=(roots)=>{
    const queue = [...roots];
    while (queue.length){
        const node = queue.shift();
        //打印被遍历的节点
        if(node===undefined) return;
        console.log(`${node.title} ${node.children && node.children.length || ""}`);

        if(node.children&&node.children.length){
            queue.push(...node.children)
        }
    }
}

以上是关于JavaScript遍历树结构的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript遍历树结构

JavaScript 二叉树

前端开发必备技能 —— 数据结构 && 算法 && 手撕JavaScript/ES6

前端开发必备技能 —— 数据结构 && 算法 && 手撕JavaScript/ES6

前端开发必备技能 —— 数据结构 && 算法 && 手撕JavaScript/ES6

JavaScript 算法应用: 遍历DOM树的两种方式