javascript算法之二叉搜索树的示例代码


Posted in Javascript onSeptember 12, 2017

什么是二叉树

二叉树就是树的每个节点最多只能有两个子节点

什么是二叉搜索树

二叉搜索树在二叉树的基础上,多了一个条件,就是二叉树在插入值时,若插入值比当前节点小,就插入到左节点,否则插入到右节点;若插入过程中,左节点或右节点已经存在,那么继续按如上规则比较,直到遇到一个新的节点。

二叉搜索树的特性

二叉搜索树由于其独特的数据结构,使得其无论在增删,还是查找,时间复杂度都是O(h),h为二叉树的高度。因此二叉树应该尽量的矮,即左右节点尽量平衡。

二叉搜索树的构造

要构造二叉搜索树,首先要构造二叉树的节点类。由二叉树的特点可知,每个节点类都有一个左节点,右节点以及值本身,因此节点类如下:

class Node {
 constructor(key) {
  this.key = key;
  this.left = null;
  this.right = null;
 }
}

接着构造二叉搜索树

class Tree{
 constructor(param = null) {
  if (param) {
   this.root = new Node(param);
  } else {
   this.root = null;
  }
 }
}

这里this.root就是当前对象的树。

二叉搜索树的新增

由二叉搜索树左子树比节点小,右子树别节点大的特点,可以很简单的写出二叉搜索树新增的算法,如下:

insert(key) {
 if (this.root === null) {
  this.root = new Node(key);
 } else {
  this._insertNode(this.root, key);
 }
}
_insertNode(node, key) {
 if (key < node.key) {
  if (node.left === null) {
   node.left = new Node(key);{1}
  } else {
   this._insertNode(node.left, key);{2}
  }
 } else if (key > node.key) {
  if (node.right === null) {
   node.right = new Node(key);{3}
  } else {
   this._insertNode(node.right, key);{4}
  }
 }
}

如上代码先判断新增的key与当前节点的key大小,如果小,就递归遍历左子节点,直到找到一个为null的左子节点;如果比当前节点大同理。如上代码{1}{2}{3}{4}之所以能改变this.root的值,是由于JavaScript函数是按值传递,而当参数是非基本类型时,例如这里的对象,其对象的值为内存,因此每次都会直接改变this.root的内容。

二叉搜索树的遍历

二叉搜索树分为先序、中序、后序三种遍历方式。

inOrderTraverse(callback) {
 this._inOrderTraverse(this.root, callback);
}
_inOrderTraverse(node, callback) {
 if (node) {
  this._inOrderTraverse(node.left, callback);
  callback(node.key);
  this._inOrderTraverse(node.right, callback);
 }
}

如上是中序遍历。

这里需要理解的一点是递归。要知道,函数的执行可以抽象为一种数据结构——栈。针对函数的执行,会维护一个栈,来存储函数的执行。函数在每一次递归时,都会将当前的执行环境入栈并记录执行的位置。以上述代码为例,有如下一个数据

其会从11开始,执行{1}入栈,然后进入7,接着执行{1}入栈,然后到5,执行{1}入栈,再到3,执行{1}入栈,此时发现节点3的左子节点为null,因此开始出栈,此时弹出节点3的执行环境,执行{2},{3},发现3的右侧子节点也为null,{3}的递归执行完毕,接着弹出节点5,执行{2}{3},接着弹出7,执行{2}{3}入栈,执行{3}时,发现节点7有右节点,因此继续执行{1},到节点8,再执行{1},8没有左子节点,{1}执行完毕,执行{2}{3},以此类推。

而前序与中序的不同点在于其先访问节点本身,也就是代码的执行顺序为 2 1 3。

后序同理,执行顺序为1 3 2

不难发现,无论前中后序,永远都是先递归左节点,当左节点遍历完毕时再弹出栈,遍历有节点。他们唯一不同的点在与访问该节点本身的时机。

二叉搜索树的查找

查找很简单,根据左子节点比该节点小,右子节点比该节点大的原则进行循环判断即可。

search(value) {
 if (this.root) {
  if (value === this.root.key) {
   return true;
  } else {
   return this._searchNode(value, this.root);
  }
 }
 throw new Error('this.root 不存在');
}
_searchNode(value, node) {
 if (!node) {
  return false;
 }
 if (value === node.key) {
  return true;
 }
 if (value > node.key) {
  return this._searchNode(value, node.right);
 } else if (value < node.key) {
  return this._searchNode(value, node.left);
 }
}

二叉搜索树的删除

删除较为复杂,需要根据不同情况判断

首先判断该节点是否有左子树,如果没有左子节树,则直接将右子树的根节点替换被删除节点;

如果有,则将右子树的最小节点替换被删除节点;

remove(key) {
 this._removeNode(this.root, key);
}
_removeNode(node, value) {
 if (!node) {
  return null;
 }
 if (value > node.key) {
  node.right = this._removeNode(node.right, value);
 } else if (value < node.key) {
  node.left = this._removeNode(node.left, value);
 } else {
  // 如果没有左子树,那么将右子树根节点作为替换节点
  if (!node.left) {
   return node.right;
   // 如果存在左子树,那么取右子树最小节点作为替换节点
  } else if (node.left) {
   return this._minNode(node.right);
  }
 }
}

总结

总的来说,通过这次简单的二叉搜索树的学习,让我重新认识了递归,以前对于递归的理解只是一些简单的理论概念,这次深入实践让我对递归的理解又加深了许多。

这让我想到了数学的学习,数学的理论公式是很容易记住掌握的,如果说对一个知识点的掌握满分是十分,那么直到真正去实践它之前,只看公式的掌握只能是2分,因为公式很简单,就几句话几个原则,但是遇到的问题是千变万化的,只有真正将理论付诸实践,经过各种实践的打磨蹂躏,才能真正理解它其中的奥秘。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 Javascript
jquery下onpropertychange事件的绑定方法
Aug 01 Javascript
jQuery对下拉框,单选框,多选框的操作
Feb 21 Javascript
用javascript读取xml文件读取节点数据
Aug 12 Javascript
AngularJS入门教程之表格实例详解
Jul 27 Javascript
JavaScript数组_动力节点Java学院整理
Jun 26 Javascript
elementui的默认样式修改方法
Feb 23 Javascript
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
详解extract-text-webpack-plugin 的使用及安装
Jun 12 Javascript
webpack项目使用eslint建立代码规范实现
May 16 Javascript
微信小程序用canvas画图并分享
Mar 09 Javascript
vue-resouce设置请求头的三种方法
Sep 12 #Javascript
vue params、query传参使用详解
Sep 12 #Javascript
Node.js中使用mongoose操作mongodb数据库的方法
Sep 12 #Javascript
vue proxyTable 接口跨域请求调试的示例
Sep 12 #Javascript
js封装成插件_Canvas统计图插件编写实例
Sep 12 #Javascript
JS监控关闭浏览器操作的实例详解
Sep 12 #Javascript
详解angular笔记路由之angular-router
Sep 12 #Javascript
You might like
用php获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
php中去除所有js,html,css代码
2010/10/12 PHP
PHP实现根据浏览器跳转不同语言页面代码
2013/08/02 PHP
PHP中字符安全过滤函数使用小结
2015/02/25 PHP
php源码之将图片转化为data/base64数据流实例详解
2016/11/27 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
Jquery 弹出层插件实现代码
2009/10/24 Javascript
原生javascript实现图片轮播效果代码
2010/09/03 Javascript
javascript数组快速打乱重排的方法
2014/01/02 Javascript
三种取消选中单选框radio的方法
2014/09/09 Javascript
jQuery匹配文档链接并添加class的方法
2015/06/26 Javascript
connection reset by peer问题总结及解决方案
2016/10/21 Javascript
JavaScript实现鼠标点击导航栏变色特效
2017/02/08 Javascript
nodejs中向HTTP响应传送进程的输出
2017/03/19 NodeJs
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
bootstrap响应式工具使用详解
2017/11/29 Javascript
webpack+vue2构建vue项目骨架的方法
2018/01/09 Javascript
JS数组去重常用方法实例小结【4种方法】
2018/05/28 Javascript
layui form表单提交后实现自动刷新
2019/10/25 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
jQuery编写QQ简易聊天框
2020/08/27 jQuery
Python实现简单的可逆加密程序实例
2015/03/05 Python
使用requests库制作Python爬虫
2018/03/25 Python
pandas groupby 分组取每组的前几行记录方法
2018/04/20 Python
django celery redis使用具体实践
2019/04/08 Python
对Python函数设计规范详解
2019/07/19 Python
Python处理mysql特殊字符的问题
2020/03/02 Python
详解python如何引用包package
2020/06/07 Python
python中用ctypes模拟点击的实例讲解
2020/11/26 Python
交通事故调解协议书
2014/04/16 职场文书
乡镇法制宣传日活动总结
2015/05/05 职场文书
浅谈CSS不规则边框的生成方案
2021/05/25 HTML / CSS
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
斗罗大陆八大特殊魂兽,龙族始祖排榜首,第五最残忍(翠魔鸟)
2022/03/18 国漫
Android开发 使用文件储存的方式保存QQ密码
2022/04/24 Java/Android
docker 制作mysql镜像并自动安装
2022/05/20 Servers