javascript数据结构与算法-- 二叉树

于 2024-09-03 09:10:49 发布
阅读量569 收藏 6
点赞数 17
文章标签： javascript 数据结构 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_86940371/article/details/141847357
版权

javascript数据结构与算法-- 二叉树

  树是计算机科学中经常用到的一种数据结构。树是一种非线性的数据结构，以分成的方式存储数据，树被用来存储具有层级关系的数据，比如文件系统的文件，树还被用来存储有序列表。我们要研究的是二叉树，在二叉树上查找元素非常快，为二叉树添加元素或者删除元素，也是非常快的。

树的基本结构示意图如下：

我们现在最主要的是要来学习二叉树，二叉树是一种特殊的树，它的特征是 子节点个数不超过2个。如下图就是二叉树的基本结构示意图如下：

二叉树是一种特殊的树，相对较少的值保存在左节点上，较大的值保存在右节点中。这一特性使得查找的效率非常高，对于数值型和非数值型的数据，比如单词和字符串都是一样。

下面我们来学习插入节点的操作吧！

1.   二叉树是由节点组成的，所以我们需要定义一个对象node，可以保存数据，也可以保存其他节点的链接(left 和 right)，show()方法用来显示保存在节点中的数据。Node代码如下：

复制代码

 function Node(data,left,right) {
    this.data = data;
    this.left = left;
    this.right = right;
    this.show = show;
}

复制代码

插入节点分析如下：

代码如下：

复制代码

function Node(data,left,right) {
    this.data = data;
    this.left = left;
    this.right = right;
    this.show = show;
}
function show() {
    return this.data;
}
function BST() {
    this.root = null;
    this.insert = insert;
    this.inOrder = inOrder;
}
function insert(data) {
    var n = new Node(data,null,null);
    if(this.root == null) {
        this.root = n;
    }else {
        var current = this.root;
        var parent;
        while(current) {
            parent = current;
            if(data <  current.data) {
                current = current.left;
                if(current == null) {
                    parent.left = n;
                    break;
                }
            }else {
                current = current.right;
                if(current == null) {
                    parent.right = n;
                    break;
                }
            }
        }
    }
}
初始代码如下：
var nums = new BST();
nums.insert(23);
nums.insert(45);
nums.insert(16);
nums.insert(37);
nums.insert(3);
nums.insert(99);
nums.insert(22);

复制代码

示意图如下：

1. 执行insert(23)时候，由于根节点== null 所以 根节点为23.

2. 执行insert(45)的时候，根节点不等于null，因此进入while语句；由于45 > 大于根节点23 所以就进入else语句，当前current的值如下图：

当执行 current = current.right; 这句代码时候，当前current值变为null了，然后进行if判断代码如下：

if(current == null) {
         parent.right = n;
         break;

}

所以45为根节点的右节点了。跳出循环语句；

3. 执行insert(16)的时候，根节点不等于null，因此进入while语句，由于16 < 小于根节点23，所以就进入if语句，那么当前的current值如下：

当执行到 current = current.left; 的时候，current的值就变为null，所以接着往下执行代码：

if(current == null) {
    parent.left = n;
    break;
}

就把当前的节点16插入到根节点的左节点上。

4. 接着执行 insert(37) 的时候，根节点不等于null，因此进入else语句中的while语句，由于37 大于根节点23，所以就进入while语句中的else语句，当前的current值为：

当执行current = current.right;这句代码的时候，那么当前current = 45的那个节点(如上图所示)；当再执行下面的代码：

if(current == null) {
    parent.right = n;
    break;
}

那么current != null 所以接着进入下一次while循环，执行这句代码后；parent = current;

那么parent = 45的那个节点了，current值如下所示：

接着进入if语句判断，由于当前的根节点是45，所以37 小于根节点 45了，所以就进入if语句代码如下：

复制代码

if(data <  current.data) {
    current = current.left;
    if(current == null) {
        parent.left = n;
        break;
    }
}

复制代码

Current = current.left 因此current = null; 继续执行上面的if语句判断是否为null的时候，因此就把37放入根节点为45的左节点上了。

5. 直接执行insert(3); 的时候，根节点不为空，所以就进入else语句的while语句中，由于当前的data = 3，所以执行如下if判断代码：

复制代码

if(data <  current.data) {
    current = current.left;
    if(current == null) {
        parent.left = n;
        break;
    }
}

复制代码

插入的节点值3 小于 根节点23，进入if语句里面执行，但是当前的current值如下：

所以当执行 current = current.left 的时候，那么current = 16的那个节点了，如下所示：

因此current 不等于null，所以就执行到下一次while循环，继续进入while中的if判断，由于当前的根节点是16，所以也就进入了if里面的代码去执行，在执行这句代码后：

current = current.left; 由上图可知：current = null；current就等于null了；再执行代码如下：

if(current == null) {
    parent.left = n;
    break;
}

就把节点3 插入到当前的根节点为16的左节点了。

6. 执行insert(99)的时候；当前的根节点23 小于 99，那么就进入else语句了，那么current值就等于如下：

当执行 current = current.right; 的时候 ，那么current 就等于如下：

再接着执行代码：

if(current == null) {
    parent.right = n;
    break;
}

如上图所示，current并不等于null，所以执行下一次while循环，继续进入while中的else语句，那么当前的current值如下：

当执行current = current.right;这句代码的时候，那么current 就等于 null了，所以执行if语句代码如下：

if(current == null) {
    parent.right = n;
    break;
}

就把99节点插入到当前的根节点为45节点的右节点了。

7. 执行 insert(22);的时候，由于根节点为23，所以节点22 小于 23，所以进入while中的if语句里面了，那么当前current值如下：

当执行 current = current.left; 的时候，那么current值变为如下所示：

所以执行 if语句代码如下：

if(current == null) {
    parent.left = n;
    break;
}

不等于null，所以斤进入while下一次循环，由于当前的根节点16 小于插入的节点22 ，所以就进入else语句了，那么当前的current值如下：

再执行这句代码 current = current.right; 那么current就等于null了；因此就把节点22插入到根节点为16上面的右节点上了；

以上是插入节点的整个流程！

二：遍历二叉查找树；

遍历二叉树的方法有三种，中序，先序和后序。

1. 中序；

如下图所示：

中序遍历使用递归的方式实现，该方法需要以升序访问树中的所有节点，先访问左子树，再访问根节点，最后访问右子树。

代码如下：

复制代码

// 中序遍历
function inOrder(node) {
       if(!(node == null)) {
           inOrder(node.left);
           console.log(node.show());
           inOrder(node.right);
       }
}

复制代码

代码分析如下：

JS所有代码如下：

复制代码

function Node(data,left,right) {
    this.data = data;
    this.left = left;
    this.right = right;
    this.show = show;
}

function show() {
    return this.data;
}

function BST() {
    this.root = null;
    this.insert = insert;
    this.inOrder = inOrder;
}

function insert(data) {
    var n = new Node(data,null,null);
    if(this.root == null) {
        this.root = n;
    }else {
        var current = this.root;
        var parent;
        while(current) {
            parent = current;
            if(data <  current.data) {
                current = current.left;
                if(current == null) {
                    parent.left = n;
                    break;
                }
            }else {
                current = current.right;
                if(current == null) {
                    parent.right = n;
                    break;
                }
            }
        }
    }
}
// 中序遍历
function inOrder(node) {
    if(!(node == null)) {
        inOrder(node.left);
        console.log(node.show());
        inOrder(node.right);
    }
}
代码初始化如下：
var nums = new BST();
nums.insert(23);
nums.insert(45);
nums.insert(16);
nums.insert(37);
nums.insert(3);
nums.insert(99);
nums.insert(22);
inOrder(nums.root);

复制代码

2. 先序：先序遍历先访问根节点，然后以同样方式访问左子树和右子树。如下图所示：

代码如下：

复制代码

// 先序遍历 
function preOrder(node) {
       if(!(node == null)) {
           console.log(node.show());
           preOrder(node.left);
           preOrder(node.right);
        }
}

复制代码

JS所有代码如下：

复制代码

function Node(data,left,right) {
    this.data = data;
    this.left = left;
    this.right = right;
    this.show = show;
}
function show() {
    return this.data;
}
function BST() {
    this.root = null;
    this.insert = insert;
    this.inOrder = inOrder;
}
function insert(data) {
    var n = new Node(data,null,null);
    if(this.root == null) {
        this.root = n;
    }else {
        var current = this.root;
        var parent;
        while(current) {
            parent = current;
            if(data <  current.data) {
                current = current.left;
                if(current == null) {
                    parent.left = n;
                    break;
                }
            }else {
                current = current.right;
                if(current == null) {
                    parent.right = n;
                    break;
                }
            }
        }
    }
}
// 中序遍历
function inOrder(node) {
    if(!(node == null)) {
        inOrder(node.left);
        console.log(node.show());
        inOrder(node.right);
    }
}

// 先序遍历 
function preOrder(node) {
    if(!(node == null)) {
        console.log(node.show());
        preOrder(node.left);
        preOrder(node.right);
    }
}
初始化代码如下：
var nums = new BST();
nums.insert(23);
nums.insert(45);
nums.insert(16);
nums.insert(37);
nums.insert(3);
nums.insert(99);
nums.insert(22);
console.log("--------------");
preOrder(nums.root);

复制代码

先序遍历打印如下：

3. 后序：后序遍历先访问叶子节点，从左子树到右子树，再到根节点，如下所示：

JS代码如下：

复制代码

// 后序遍历
function postOrder(node) {
    if(!(node == null)) {
        postOrder(node.left);
        postOrder(node.right);
        console.log("后序遍历"+node.show());
    }
}

复制代码

所有的JS代码如下：

复制代码

function Node(data,left,right) {
    this.data = data;
    this.left = left;
    this.right = right;
    this.show = show;
}

function show() {
    return this.data;
}

function BST() {
    this.root = null;
    this.insert = insert;
    this.inOrder = inOrder;
}

function insert(data) {
    var n = new Node(data,null,null);
    if(this.root == null) {
        this.root = n;
    }else {
        var current = this.root;
        var parent;
        while(current) {
            parent = current;
            if(data <  current.data) {
                current = current.left;
                if(current == null) {
                    parent.left = n;
                    break;
                }
            }else {
                current = current.right;
                if(current == null) {
                    parent.right = n;
                    break;
                }
            }
        }
    }
}
// 中序遍历
function inOrder(node) {
    if(!(node == null)) {
        inOrder(node.left);
        console.log(node.show());
        inOrder(node.right);
    }
}

// 先序遍历 
function preOrder(node) {
    if(!(node == null)) {
        console.log(node.show());
        preOrder(node.left);
        preOrder(node.right);
    }
}

// 后序遍历
function postOrder(node) {
    if(!(node == null)) {
        postOrder(node.left);
        postOrder(node.right);
        console.log("后序遍历"+node.show());
    }
}
页面初始化如下：
var nums = new BST();
nums.insert(23);
nums.insert(45);
nums.insert(16);
nums.insert(37);
nums.insert(3);
nums.insert(99);
nums.insert(22);
console.log("--------------");
postOrder(nums.root);

复制代码

打印如下：

https://blog.csdn.net/m0_73633807/article/details/141037673?spm=1001.2100.3001.7377&utm_medium=distribute.pc_feed_blog_category.none-task-blog-classify_tag-1-141037673-null-null.nonecase&depth_1-utm_source=distribute.pc_feed_blog_category.none-task-blog-classify_tag-1-141037673-null-null.nonecase

脚步的影子
关注
  • 17
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
数据结构与算法-二叉树的遍历递归&&非递归
LYFlied的博客
04-19 407
文章目录一、递归1.前序2.中序3.后序二、非递归1.前序2.中序3.后序 一、递归 1.前序 根左右 // 所有遍历函数的入参都是树的根结点对象 function preorder(root) { // 递归边界，root 为空 if(!root) { return } // 输出当前遍历的结点值 console.log('当前遍历的结点值是：', root.val) // 递归遍历左子树 preorder(roo
JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例
10-17
二叉树是计算机科学中的一种重要数据结构，它是由节点（也称为顶点）组成，每个节点最多有两个子节点，通常分别...对于想要深入学习JavaScript数据结构和算法的人来说，掌握二叉搜索树的原理和实现是非常重要的一步。
JavaScript数据结构 ---- 二叉树
xiaosuda6的博客
04-25 188
应用题型：满足（最大，最小，某种要求）的深度、路径、节点和…记忆：根的位置决定什么顺序，左一定在右的前边。
JavaScript数据结构与算法 -- 树
qq_43955202的博客
03-08 366
1.树结构 真实的树： 相信每个人对现实生活中的树都会非常熟悉。 让我们来看一下树有什么特点？ 树通常下面有一个根，连接着根的是树干。 树干上面会进行分叉成树枝，数值还会分查成更小的树枝。 在树枝的最后是叶子。 树的抽象： 专家们对树的结构进行了抽象，发现树可以模拟生活中很多的场景。 2.生活场景 公司的组织架构 家谱 3.树结构的抽象 将树结构抽象出来就是我们要学习的树结构。 ...
数据结构与算法-二叉树
nahedan的博客
09-18 99
数据结构与算法-二叉树及二叉搜索树 1.建立二叉树 在做二叉树的leetcode算法题中，会发现没有本地环境，如何搭建二叉树的本地环境（JavaScript）。 首先建立Tree，在其中定义节点构造方法以及生成树的函数方法。 function Tree() { let Node = function (val) { this.val = val; this.left = null; this.right = null; } Tree.p
学习JavaScript 数据结构与算法
我是一只蘑菇17的博客
11-10 2405
学习链接：https://github.com/XPoet/js-data-structures-and-algorithms JavaScript 数据结构与算法 1.数据结构(data structure) 数据结构是数据对象，以及存在于该对象的实例和组成实例的数据元素之间的各种联系 ​ 是计算机中存储、组织数据的方式。通常情况下，精心选择的数据结构可以带来最优效率的算法 2.解决问题方法的效率，根据数据的组织方式有关 3.常见的数据结构：数组，栈，链表，图，散列表，队
javascript数据结构与算法--二叉树遍历（中序）
weixin_34090562的博客
04-11 59
javascript数据结构与算法--二叉树遍历（中序） 中序遍历按照节点上的键值，以升序访问BST上的所有节点 代码如下： /* *二叉树中，相对较小的值保存在左节点上，较大的值保存在右节点中 * * * */ /*用来生成一个节点*/ function Node(data, left, right) { this.data = data;...
javascript数据结构与算法--二叉树遍历（先序）
weixin_33724570的博客
04-11 66
javascript数据结构与算法--二叉树遍历（先序） 先序遍历先访问根节点， 然后以同样方式访问左子树和右子树 代码如下： /* *二叉树中，相对较小的值保存在左节点上，较大的值保存在右节点中 * * * */ /*用来生成一个节点*/ function Node(data, left, right) { this.data ...
javascript数据结构与算法--二叉树遍历（后序）
weixin_33878457的博客
04-11 56
javascript数据结构与算法--二叉树遍历（后序） 后序遍历先访问叶子节点，从左子树到右子树，再到根节点。     /* *二叉树中，相对较小的值保存在左节点上，较大的值保存在右节点中 * * * */ /*用来生成一个节点*/ function Node(data, left, right) { this.data = data;//节点存储的数据 this....
数据结构与算法-JavaScript描述
09-30
数据结构与算法是计算机科学的基础，对于任何编程语言来说，理解和掌握它们都是至关重要的，JavaScript也不例外。本资源“数据结构与算法-JavaScript描述”显然是一本专注于将这些概念应用于JavaScript编程的电子书...
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
01-19
本文实例讲述了JavaScript数据结构与算法之二叉树添加/删除节点操作。分享给大家供大家参考，具体如下： function Node(data,left,right) { this.data = data; this.left = left; this.right = right; this....
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
12-09
本文实例讲述了JavaScript数据结构与算法之二叉树遍历算法。分享给大家供大家参考，具体如下： javascript数据结构与算法–二叉树遍历（先序） 先序遍历先访问根节点， 然后以同样方式访问左子树和右子树 代码如下...
跨页面进行数据通讯
最新发布
榴莲不好吃的专栏
09-02 326
Broadcast Channel API 允许在一个源的不同窗口、标签页或 iframe 之间进行通信。这是一种实时的通信机制，非常适合需要实时同步数据的场景。3.iframe 数据通讯 postMessage/message（可设置不同源数据通讯）1.使用 LocalStorage 或 SessionStorage（同源）// 检查消息来源，确保来自正确的源。// 检查消息来源，确保来自正确的源。'Hello 来自父亲的消息!'Hello 来自儿子的消息!// 忽略来自自身的消息。
【基础】Three.js加载纹理贴图、加载外部gltf格式文件
stay hungry, stay foolish
09-02 998
.gltf（JSON文件）: 描述模型的主要结构，包括几何体、材质、动画、场景等。.bin（二进制文件）: 存储顶点数据、法线、UV坐标等二进制数据。纹理（.png, .jpg）: 存储模型使用的纹理贴图。。
Vue双向绑定
m0_56131422的博客
09-01 515
简单来说，双向绑定就是数据改变影响视图，视图改变也会影响数据。Vue 的双向绑定主要通过v-model。
vue3+vite 通过js引入的src，在打包后为什么不能显示
肖肖肖丽珠的博客
09-02 126
页面有个图片我是动态设置的。但是打包之后一直没有找到。我本来使用的绝对定位发现不行，改成了相对的也不行，最后改成下面的这种就可以啦。
Vue的状态管理——Vuex3&4&Pinia
警警的博客
08-30 2252
Pinia是Vue.js 3.x的状态管理库，它可以看作是Vuex的升级版，旨在提供一种更简单、更直观的方式来管理Vue.js应用程序的状态。Vuex 4是Vue.js 3.x版本的状态管理库，它在Vuex 3的基础上进行了多项改进和优化，使其更加适用于大型应用和复杂场景。Vuex 3是Vue.js 2.x版本的状态管理库，它提供了一种集中式存储和管理组件状态的方式。：在 Vue 3 项目中，你通常会使用 Vuex 4 或 Pinia 而不是 Vuex 3。在 Vue 3 项目中，你可能会在。
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
妍思码匠的博客
08-30 1228
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
vue3+vant4父组件点击提交并校验子组件form表单
liuzaixi的博客
08-30 370
方法进行表单验证，如果验证通过则执行提交逻辑。获取子组件的引用，在父组件的点击事件中调用子组件的。这样父组件就可以通过。调用子组件的验证方法了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值