JS树的遍历

本文介绍了如何使用JavaScript实现树的遍历,包括递归方式的先序、中序、后序遍历以及非递归的层次遍历方法。
  1. 递归形式的先序、中序、后序 + 非递归层次遍历:
//树的数据结构
function TreeNode(x){
    this.val = x;
    this.left = null;
    this.right = null;
}

//先序遍历(Degree Left Right)
function DLR(root){
    console.log(root.val);
    if(root.left){
        DLR(root.left);
    }
    if(root.right){
        DLR(root.right);
    }
}

//中序遍历(Left Degree Right)
function LDR(root){
    if(root.left){
        LDR(root.left);
    }
    console.log(root.val);
    if(root.right){
        LDR(root.right);
    }
}

//后序遍历(Left Right Degree)
function LRD(root){
    if(root.left){
        LRD(root.left);
    }
    if(root.right){
        LRD(root.right);
    }
    console.log(root.val);
}

//层次遍历
function levelTraversal(root){
    if(!root) return false; //如果头结点为空,返回假
    let result = [];    //创建一个数组,存放结果
    let tree = [];  //创建一个数组存放二叉树
    tree.push(root);    //先传入头结点

    //当tree数组长度不为空
    while(tree.length){
        let node = tree.shift();    //将数组第一个结点放到node中
        result.push(node.val);  //将node结点的值压到result数组中
        //如果node结点左子树不为空
        if(node.left){
            tree.push(node.left);
        }
        //如果node结点右子树不为空
        if(node.right){
            tree.push(node.right);
        }
    }
    return result;
}

let tnode = new TreeNode(3);
tnode.left = {"val":2};
tnode.right = {"val":1};
console.log(tnode);
console.log("先序遍历:");
DLR(tnode);
console.log("中序遍历:");
LDR(tnode);
console.log("后序遍历:");
LRD(tnode);
console.log("层次遍历:",levelTraversal(tnode));

在这里插入图片描述

  1. 非递归形式的先序、中序、后序

JavaScript递归遍历结构通常有普通数组写法、对象写法以及不带辅助函数的递归写法等,以下为你详细介绍: ### 普通数组与对象方法 JavaScript中的形结构一般由节点和边组成,递归适合处理这类层次数据。以打印节点值为例,关键在于设置停止条件。虽然未给出具体代码,但思路是通过递归函数不断深入的子节点,直到满足停止条件(如无更多子节点)停止递归 [^1]。 ### 不带辅助函数的递归 这种方法直接遍历传入中的原始对象,创建新的实例和子代。需要创建原始传入的副本,而非仅仅是指针引用 [^2]。 ### 筛选视频点位数据的递归遍历 以下是筛选视频点位数据的代码示例: ```javascript // 定义视频点位数据数组 let videoList = []; // 递归方法,用于获取视频点位ID数据 function getVideoList(videoTreeList, videoList) { for (let item of videoTreeList) { if (item.type === 'channel') { // 如果节点类型为channel,则将其ID添加到视频点位数组中 videoList.push({ videoId: item.id }); } // 如果当前节点有子节点,则递归调用该方法遍历子节点 if (item.children && item.children.length > 0) { getVideoList(item.children, videoList); } } } // 调用递归方法 getVideoList(videoTreeList, videoList); ``` 代码解释:`videoList` 用于存储筛选后的视频点位数据;`getVideoList` 是递归函数,接收形数据和视频点位数组作为参数。在递归函数中,先检查当前节点的 `type` 属性,若为 `channel`,则将该节点的 `id` 添加到 `videoList` 中;若当前节点包含子节点(`children` 属性),则递归调用 `getVideoList` 方法,传入子节点数组和视频点位数组,继续遍历 [^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值