码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • js建树、遍历操作


    今天刷js遇到了类似遍历的操作,然后输入是层级遍历的数组,我就开始用js尝试去建树/遍历,突然发现自己太久不打代码变得生疏了,而且js的很多规则我还是不了解。。。码农之路道阻且长。。

    首先,二叉树是如下图所示的一个数据结构,
    在这里插入图片描述

    根据层级遍历的数组建树,比如a的索引是0,b是1,c是2;那么左子树节点的索引 l 与根节点的索引i 之间的关系为,l = 2*(i+1)-1;右子树为r = 2*(i+1);
    下面是二叉树节点,第一个利用js里面的函数类型去创建对象,搞得我一头雾水,感觉很奇怪,但是后来用了之后也感觉,其实也一样。
    但是有一点需要注意,就是在去实例化这个对象的时候,它必须要new,不然会实例化失败。类似创建数据空间的意思。

    function TreeNode(val, left, right) {
        this.val = (val===undefined ? 0 : val);
        this.left = (left===undefined ? null : left);
        this.right = (right===undefined ? null : right);
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5

    下面的代码是利用深搜、递归去建立二叉树。
    dfs深搜,大家可能不太了解,总的来说,就是先一边遍历到底,例如上图所示,他就是遍历A->B->D->E->C->F->G,先把所有左子树遍历完,再去遍历右子树。

    var dfs_createTree = function(node,arr,i,node_l =new TreeNode(),node_r =new TreeNode()){
    
        //利用深搜建树
        var len = arr.length;
    
        if(2*(i+1)-1<len){
            node_l.val = arr[2*(i+1)-1];
            node.left = dfs_createTree(node_l,arr,2*(i+1)-1);
        }
    
        if(2*(i+1)<len){
            node_r.val = arr[2*(i+1)];
            node.right = dfs_createTree(node_r,arr,2*(i+1));
        }
        return node;
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16

    遇到的问题:
    1、刚开始没有return node节点,结果在建树的时候,左右子树都变成了undefined,感觉很奇怪,后来才知道原来是因为自己没有设置返回值。
    最后是遍历二叉树:
    遍历二叉树,有三种方式,先序(DLR),中序(LDR),后序(LRD),L对应左子树,D对应根节点,R对应右子树。
    此处是先序遍历。

    var dfs_traverse = function(node,result){
        if(node == null) return;
            result.push(node.val);
        dfs_traverse(node.left,result);
        dfs_traverse(node.right,result);
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6

    遇到问题,创建结果数组,保存遍历结果。

    var result = new Array();
    
    • 1

    在这里我用到了array这个对象,他可以用push向数组末尾插入数据,pop删除末尾数据。

  • 相关阅读:
    (八) 共享模型之管程【活跃性】
    各类进程间通信的区别 线程与进程之间的区别
    java计算机毕业设计医院门诊挂号系统源程序+mysql+系统+lw文档+远程调试
    X64汇编语言指令编码
    【基于OpenHarmony的智能学习桌面项目中遇到的问题及解决办法】
    vue项目package.json与package-lock.json作用及区别
    在vue2和vue3中Vuex的使用及其持久化存储,mutation和actions的区别
    【C++】类和对象的关系,对象的存储方式以及对象内存的计算
    STM32F103VET6基于Arduino开发框架下串口和软串口输出乱码解决方案
    flask参数校验自定义返回
  • 原文地址:https://blog.csdn.net/weixin_43872912/article/details/126703254
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号