JS中树的实现以及二叉树的遍历

树是一种数据结构,而二叉树是一种特殊的树形结构。

树是由若干个节点和它们之间的连接组成,其中一个节点被指定为根节点。每个节点可以有多个子节点,但每个节点最多只有一个父节点。树的节点可以没有子节点,这样的节点称为叶子节点。树的深度是指从根节点到某个节点的路径长度,树的高度是指树中任意节点的最大深度。

二叉树是一种特殊的树形结构,每个节点最多只有两个子节点,分别称为左子节点和右子节点。二叉树的子节点位置不能交换,即左子节点始终在右子节点的左侧。二叉树的遍历方式有前序遍历、中序遍历和后序遍历,可以用来实现树的搜索、排序等算法。

在 JavaScript 中,可以使用对象来实现树的数据结构。

实现这个树的代码:

kotlin 复制代码
function TreeNode(val) {
    this.val = val
    this.left = null
    this.right = null
}
let node = {
    val: 'A',
    left: {
        val: 'B',
        left: {
            val:'D',
        },
        right: {
            val:'E',
        },
    },
    right: {
        val:'C',
        left:null,
        right:{
            val:'F'
        },
    }
    }

二叉树的遍历

二叉树的遍历是指按照一定的规则访问二叉树中的所有节点,可以分为三种方式:前序遍历、中序遍历和后序遍历。

  • 前序遍历

前序遍历就是先访问根节点,然后递归地遍历左子树,最后递归地遍历右子树。

scss 复制代码
function preorderTraversal(node) {
    if (!node) return[]

    let res = []
    res.push(node.val);// 先将根节点push到数组中
    let L=preorderTraversal(node.left); // 遍历左子树
    let r=preorderTraversal(node.right); // 遍历右子树
    return res.concat(L).concat(r)//拼接
}
console.log(preorderTraversal(node));

  • 中序列遍历

中序遍历就是先递归地遍历左子树,然后访问根节点,最后递归地遍历右子树。

scss 复制代码
function preorderTraversal(node) {
    if (!node) return[]
    let res = []
    
    let L=preorderTraversal(node.left); // 遍历左子树
    res.push(node.val);// 将根节点push到数组中
    let r=preorderTraversal(node.right); // 遍历右子树
    return L.concat(res).concat(r)
}
console.log(preorderTraversal(node));

  • 后序遍历

后序遍历就是先递归地遍历左子树,然后递归地遍历右子树,最后访问根节点。

scss 复制代码
function preorderTraversal(node) {
    if (!node) return[]
    let res = []
    
    let L=preorderTraversal(node.left); // 遍历左子树
    let r=preorderTraversal(node.right); // 遍历右子树
    res.push(node.val);// 先访问根节点
    return L.concat(r).concat(res)
}
console.log(preorderTraversal(node));

  • 用迭代的方法遍历树
scss 复制代码
var preorderTraversal = function (root) {
    if (!root) return []
    // 合理安排入栈和出栈的顺序
    const res = []
    const stack = []
    stack.push(root)
    while (stack.length > 0) {
        const cur = stack.pop()
        res.push(cur.val)

        if (cur.right) {
            stack.push(cur.right)
        }
        if (cur.left) {
            stack.push(cur.left)
        }
    }
    return res
}

总结

树这一数据结构可以提供一种有效的方式来组织、操作和分析具有层次关系的数据。它在许多领域都有广泛的应用,是计算机科学中重要的基础数据结构之一。

掌握和理解树这一数据结构对于计算机科学和软件开发非常重要。它是许多实际问题的基础,提高算法效率的关键,深入理解递归的基础,扩展其他数据结构的手段,以及培养问题解决能力的工具之一。

相关推荐
HIT_Weston1 分钟前
56、【Ubuntu】【Gitlab】拉出内网 Web 服务:http.server 单/多线程分析(八)
前端·ubuntu·gitlab
大模型真好玩2 分钟前
轻松搞定年度报告可视化,五分钟用 AntV + Trae Solo 快速构建智能图表生成器!
前端·人工智能·trae
艾小码7 分钟前
Vue Router 进阶指南:打造丝滑的滚动控制与惊艳的路由动画
前端·javascript·vue.js
苏打水com8 小时前
第九篇:Day25-27 Vue进阶——组件复用与状态管理(对标职场“复杂项目”需求)
前端·javascript·vue.js
PineappleCoder8 小时前
别让页面 “鬼畜跳”!Google 钦点的 3 个性能指标,治好了我 80% 的用户投诉
前端·性能优化
卤代烃9 小时前
🕹️ [AI] Chrome DevTools MCP 原理分析
前端·mcp
梦里不知身是客119 小时前
flink对于迟到数据的处理
前端·javascript·flink
卤代烃9 小时前
🤝 了解 CDP (Chrome DevTools Protocol):browser-use 背后的隐藏功臣
前端·chrome·puppeteer
一 乐9 小时前
人事管理系统|基于Springboot+vue的企业人力资源管理系统设计与实现(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·spring boot·后端
b***74889 小时前
前端状态系统的时代变革:从本地状态到全局状态,再到智能状态的未来趋势
前端·状态模式