javascript实现二叉搜索树
在使用javascript实现基本的数据结构中,练习了好几周,对基本的数据结构如 栈、队列、链表、集合、哈希表、树、图等内容进行了总结并且写了笔记和代码。
在 github中可以看到 点击查看,可以关注一下我哈。
树的基本术语
二叉树节点的存储结构
创建一个二叉搜索树
二叉树的先序、中序、后续遍历算法
二叉树的非递归先序、中序、后续遍历算法。
文章对树了解的不多的人有点不友好,这里简单介绍(从书上抄下来)那些基本的一点概念吧。
看下面这个示意图

树的基本术语:
结点:A、B、C等都是结点,结点不仅包含数据元素,而且包含指向子树的分支。例如,A结点不仅包含数据元素A、还包含3个指向子树的指针。
结点的度:结点拥有的子树个数或者分支的个数,例如A结点有3棵子树,所以A结点的度为3.
树的度:树中各结点度的最大值。如例子中结点度最大为3(A、D结点)。最小为0(F、G、I、J、K、L、M),所以树的度为3。
叶子节点:又叫做终端节点,指度为0的节点,F、G、I、J、K、L、M节点都是叶子节点。
孩子:结点的子树的根,如A节点的孩子为B、C、D。
双亲:与孩子的定义对应,如B C D结点的双亲都是A。
兄弟:同一个双亲的孩子之间互为兄弟。如B、C、D互为兄弟,因为它们都是A节点的孩子。
祖先:从根到某节点的路径上的所有结点,都是这个节点的祖先。如K的祖先是A B E,因为从A到K的路径为 A---B---E--K。
子孙: 以某节点为根的子树中的所有结点,都是该结点的子孙。如D的子孙为H I J M。
层次:从根开始,根为第一层,根的孩子为第二层,根的孩子的孩子为第三层,以此类推。
树的高度(或者深度):树中结点的最大层次,如例子中的树共有4层,所以高度为4.
理解了上面的树一些基本一些的概念后,我们来看一下什么是二叉树。
1)每个结点最多只有两棵子树,即二叉树中的节点的度只能为0、1、2
2) 子树有左右之分,不能颠倒。
以下二叉树的5中基本状态

构造一个二叉树的节点存储结构
我们会发现,二叉树中的存储结构一个是值,一个是左边有一个,右边有一个。他们分别叫左孩子/左子树 右孩子/右子树。
所以我们会很容易的写出来一个节点的构造函数。
// 树的结构
class BTNode {
constructor() {
this.key = key;
this.lchild = null;
this.rchild = null;
}
}
实现一个二叉搜索树 / 二叉排序树
看一下定义
二叉排序树或者是空树,或者是满足以下性质的二叉树。
1) 若它的左子树不空,则左子树上的所有关键字的值均小于根关键字的值。
2)若它的右子树不空,则右子树上所有关键字的值均大于根关键字的值。
3)左右子树又是一棵二叉排序树。
举个例子
假如要插入一堆数字,数字为 20 10 5 15 13 18 17 30



那么用代码如何实现呢?
let BST = (function () {
let ROOT = Symbol();
// 节点结构
let BTNode = class {
constructor(key) {
this.key = key;
this.lchild = null;
this.rchild = null;
}
}
// 递归插入节点
let recursionInsert = function (root, node) {
if (node.key < root.key) {
if (root.lchild) {
recursionInsert(root.lchild, node);
} else {
root.lchild = node;
}
} else {
if (root.rchild) {
recursionInsert(root.rchild, node);
} else {
root.rchild = node;
}
}
}
// 二叉搜索树类
return class {
constructor() {
this[ROOT] = null;
}
// 插入
insert(key) {
let node = new BTNode(key);
let root = this[ROOT];
if (!root) {
this[ROOT] = node;
return;
}
// 递归插入
recursionInsert(root, node);
}
}
})();
let bst = new BST();
bst.insert(20);
bst.insert(10);
bst.insert(5);
bst.insert(15);
bst.insert(13);
bst.insert(18);
bst.insert(17);
bst.insert(30);
console.log(bst);
在浏览器中一层一层的展开看看是否和我们的一样。

二叉树的遍历算法
二叉树的遍历算法,二叉树的遍历就是按照某种规则将二叉树中的所有数据都访问一遍。
二叉树的遍历方式有先序遍历、中序遍历、后续遍历和层次遍历,很多算法都是基于这几种遍历方式衍生出来的。
递归方式的具体的代码实现
let BST = (function () {
let ROOT = Symbol();
// 节点结构
let BTNode = class {
constructor(key) {
this.key = key;
this.lchild = null;
this.rchild = null;
}
}
// 递归插入节点
let recursionInsert = function (root, node) {
if (node.key < root.key) {
if (root.lchild) {
recursionInsert(root.lchild, node);
} else {
root.lchild = node;
}
} else {
if (root.rchild) {
recursionInsert(root.rchild, node);
} else {
root.rchild = node;
}
}
};
// 用于中序遍历二叉树的方法
let inorderTraversal = function (root, arr) {
if (!root) return;
inorderTraversal(root.lchild, arr);
arr.push(root.key);
inorderTraversal(root.rchild, arr);
};
// 用于先序遍历的递归函数
let preOrderTraversal = function (root, arr) {
if (!root) return;
arr.push(root.key);
preOrderTraversal(root.lchild, arr);
preOrderTraversal(root.rchild, arr);
};
// 用于后续遍历的递归函数
let lastOrderTraversal = function (root, arr) {
if (!root) return;
lastOrderTraversal(root.lchild, arr);
lastOrderTraversal(root.rchild, arr);
arr.push(root.key);
};
// 二叉搜索树类
return class {
constructor() {
this[ROOT] = null;
}
// 插入
insert(key) {
let node = new BTNode(key);
let root = this[ROOT];
if (!root) {
this[ROOT] = node;
return;
}
// 递归插入
recursionInsert(root, node);
}
// 中序遍历二叉树
inorderTraversal() {
let arr = [];
inorderTraversal(this[ROOT], arr);
return arr;
}
// 先序遍历二叉树
preOrderTraversal() {
let arr = [];
preOrderTraversal(this[ROOT], arr);
return arr;
}
// 后续遍历
lastOrderTraversal() {
let arr = [];
lastOrderTraversal(this[ROOT], arr);
return arr;
}
}
})();
let bst = new BST();
bst.insert(20);
bst.insert(15);
bst.insert(7);
bst.insert(40);
bst.insert(30);
bst.insert(45);
bst.insert(50);
console.log(bst);
let a = bst.inorderTraversal();
let b = bst.preOrderTraversal();
let c = bst.lastOrderTraversal();
console.log(a);
console.log(b);
console.log(c);
广度优先遍历
// 广度优先遍历
breadthRirstSearch() {
// 初始化用于广度优先遍历的队列
let queue = new Queue();
console.log('根节点', this[ROOT]); let arr = [];
let root = this[ROOT];
if (!root) return; queue.enqueue(root); while (queue.size()) {
let queueFirst = queue.dequeue();
arr.push(queueFirst.key);
queueFirst.lchild && queue.enqueue(queueFirst.lchild);
queueFirst.rchild && queue.enqueue(queueFirst.rchild);
} return arr;
}
二叉树遍历算法的改进
上面介绍的二傻叔的深度优先遍历算法都是用递归函数实现的,这是很低效的,原因就在于系统帮你调用了一个栈并做了诸如保护现场和恢复现场等复杂的操作,才使得遍历可以用非常简洁的代码实现。
有的人可能会想到,关于二叉树深度优先遍历算法的非递归实现和递归实现,一个是用户自己定义栈,一个是系统栈,为什么用户自己定义的栈要比系统栈执行高效?
一个较为通俗的解释是:递归函数所申请的系统栈,是一个所有递归函数都通用的栈,对于二叉树深度优先遍历算法,系统栈除了记录访问过的节点信息之外,还有其他信息需要记录,以实现函数的递归调用,用户自己定义的栈仅保存了遍历所需的节点信息,是对遍历算法的一个针对性的设计,对于遍历算法来说,显然要比递归函数通用的系统栈更高,也就是一般情况下,专业的要比通用的要好一些。
然而在实际应用中不是这样的,如尾递归在很多机器上都会被优化为循环,因此递归函数不一定就比非递归函数执行效率低。
栈数据结构,满足后进先出的规则用来辅佐我们遍历
// 栈结构 用来辅助非递归遍历
class Stack {
constructor() {
this.items = [];
}
push(data) {
this.items.push(data);
}
pop() {
return this.items.pop();
}
peek() {
return this.items[this.items.length - 1];
}
size() {
return this.items.length;
}
}
非递归的先序遍历
preOrderTraversal() {
console.log('先序遍历');
let root = this[ROOT];
// 初始化辅助遍历存储的栈
let stack = new Stack();
let arr = []; // 用于存储先序遍历的顺序
stack.push(root);
// 如果栈不为空 则一直走
while (stack.size()) {
let stackTop = stack.pop();
// 访问栈顶元素
arr.push(stackTop.key);
stackTop.rchild && stack.push(stackTop.rchild);
stackTop.lchild && stack.push(stackTop.lchild);
}
return arr;
}
非递归的中序排序
// 中序遍历二叉树
inorderTraversal() {
// 初始化用于辅助排序的栈
let stack = new Stack; let p = null; // 用于指向当前遍历到的元素
let arr = []; // 用户记录排序的顺序
p = this[ROOT]; while (stack.size() || p !== null) {
while (p !== null) {
stack.push(p);
p = p.lchild;
} // 如果栈不为空 出栈
if (stack.size()) {
p = stack.pop();
arr.push(p.key);
p = p.rchild;
}
}
return arr;
}
非递归的后序排序
// 中序遍历二叉树
inorderTraversal() {
// 初始化用于辅助排序的栈
let stack = new Stack; let p = null; // 用于指向当前遍历到的元素
let arr = []; // 用户记录排序的顺序
p = this[ROOT]; while (stack.size() || p !== null) {
while (p !== null) {
stack.push(p);
p = p.lchild;
} // 如果栈不为空 出栈
if (stack.size()) {
p = stack.pop();
arr.push(p.key);
p = p.rchild;
}
}
return arr;
}
想一下,如果我们的插入顺序第一个数非常大,然后后面的数字都是越来越小的会有什么问题产生呢?

下一篇文章讲述这种问题的一个解决方案,平衡二叉树。
javascript实现二叉搜索树的更多相关文章
- 《剑指offer》— JavaScript(26)二叉搜索树与双向链表
二叉搜索树与双向链表 题目描述 输入一棵二叉搜索树,将该二叉搜索树转换成一个排序的双向链表.要求不能创建任何新的结点,只能调整树中结点指针的指向. 思路 递归思想:把大问题转换为若干小问题: 由于Ja ...
- 【JavaScript】Leetcode每日一题-二叉搜索树的范围和
[JavaScript]Leetcode每日一题-二叉搜索树的范围和 [题目描述] 给定二叉搜索树的根结点 root,返回值位于范围 [low, high] 之间的所有结点的值的和. 示例1: 输入: ...
- javascript数据结构——写一个二叉搜索树
二叉搜索树就是左侧子节点值比根节点值小,右侧子节点值比根节点值大的二叉树. 照着书敲了一遍. function BinarySearchTree(){ var Node = function(key) ...
- 《剑指offer》— JavaScript(23)二叉搜索树的后序遍历序列
二叉搜索树的后序遍历序列 题目描述 输入一个整数数组,判断该数组是不是某二叉搜索树的后序遍历的结果.如果是则输出Yes,否则输出No.假设输入的数组的任意两个数字都互不相同. 相关知识 二叉查找树(B ...
- 数据结构-二叉搜索树的js实现
一.树的相关概念 1.基本概念 子树 一个子树由一个节点和它的后代构成. 节点的度 节点所拥有的子树的个数. 树的度 树中各节点度的最大值 节点的深度 节点的深度等于祖先节点的数量 树的高度 树的高度 ...
- js 二叉搜索树
二叉搜索树:顾名思义,树上每个节点最多只有二根分叉:而且左分叉节点的值 < 右分叉节点的值 . 特点:插入节点.找最大/最小节点.节点值排序 非常方便 1 2 3 4 5 6 7 8 9 10 ...
- 数据结构☞二叉搜索树BST
二叉查找树(Binary Search Tree),(又:二叉搜索树,二叉排序树)它可以是一棵空树,也可以是具有下列性质的二叉树: 若它的左子树不空,则左子树上所有结点的值均小于它的根结点的值: 若它 ...
- [数据结构]——二叉树(Binary Tree)、二叉搜索树(Binary Search Tree)及其衍生算法
二叉树(Binary Tree)是最简单的树形数据结构,然而却十分精妙.其衍生出各种算法,以致于占据了数据结构的半壁江山.STL中大名顶顶的关联容器--集合(set).映射(map)便是使用二叉树实现 ...
- [LeetCode] Serialize and Deserialize BST 二叉搜索树的序列化和去序列化
Serialization is the process of converting a data structure or object into a sequence of bits so tha ...
随机推荐
- Mac如何前往文件夹 修改hosts文件 显示隐藏文件 Mac如何查看剪切板
Mac 如何前往文件夹 首先,回到桌面,或者点击Finder(访达) 然后输入快捷键 ⌘ Command + ⇧ Shift + G 或者在Finder上方状态栏中点击‘前往’>>> ...
- 用友java后端开发面经
面的是深圳的友金锁 3月28号 早上十点 之前来学校宣讲加笔试(笔试做的很菜) 以为凉了,27号被捞起来了,现在看来面了也有点凉 视频面试 时间:19分钟左右 面试官人不错 1 自我介绍 2 自我介绍 ...
- vue 使用gojs绘制简单的流程图
在vue项目中需要展示工作流进度,可以使用的流程图插件很多 flowchart.js http://adrai.github.io/flowchart.js/ , 基于SVG创建Flow Chart ...
- web 前端开发学习路线
初级 HTML 5 HTML 5 与 HTML 4 的区别 HTML 5 新增的主体结构元素 HTML 5 新增的非主体结构元素 HTML 5 表单新增元素与属性 HTML 5 表单新增元素与属性(续 ...
- 搭建本地的idea激活服务器
前言 博主用的是idea这个IDE,因为最近idea官方打击第三方激活服务有些严重,所以我的idea经常处于今天可以用,到了明天就不能用的状态,所以,从idea激活的网站找到了本地的id ...
- Mybatis实现一对一查询 对ResultType和ResultMap分析
实现一对一查询: ResultMap:使用ResultType实现较为简单,如果pojo中没有包括查询出来的列名,需要增加 列名对应的属性,即可完成映射. 如果没有查询结果的特殊要求建议使用Resul ...
- C#_细说Cookie_Json Helper_Cookies封装
阅读目录 开始 Cookie 概述 Cookie的写.读过程 使用Cookie保存复杂对象 Js中读写Cookie Cookie在Session中的应用 Cookie在身份验证中的应用 Cookie的 ...
- 再读faster rcnn,有了深层次的理解
1. https://www.wengbi.com/thread_88754_1.html (图) 2. https://blog.csdn.net/WZZ18191171661/article/de ...
- 车联网服务non-RESTful架构改造实践
导读 在构建面向企业项目.多端的内容聚合类在线服务API设计的过程中,由于其定制特点,采用常规的restful开发模式,通常会导致大量雷同API重复开发的窘境,本文介绍一种GraphQL查询语言+网关 ...
- Liunx学习总结(六)--进程
进程概述 简单来讲程序是一个包含可以执行代码的静态的文件.进程是一个开始执行但是还没有结束的程序的实例.当程序被系统调用到内存以后,系统会给程序分配一定的资源(内存,设备等等)然后进行一系列的复杂操作 ...