JS实现二叉查找树的建立以及一些遍历方法实现


Posted in Javascript onApril 17, 2017

二叉查找树是由节点和边组成的。

我们可以定义一个节点类Node,里面存放节点的数据,及左右子节点,再定义一个用来显示数据的方法:

//以下定义一个节点类
function Node(data,left,right){
  // 节点的键值
  this.data = data;
  // 左节点
  this.left = left;
  // 右节点
  this.right = left;
  // 显示该节点的键值
  this.show = show;
}
// 实现show方法
function show(){
  return this.data;
}

再定义一个二叉查找树类BST,该类中有定义树的根节点,初始化为null,然后定义插入节点的方法,还有一边遍历的方法:

// 二叉查找树BST
// 有一个节点属性,还有一些其他的方法,以下定义一个二叉查找树BST类
function BST(){
  // 根节点初始化为空
  this.root = null;
  // 方法
  // 插入
  this.insert = insert;
  // 中序遍历
  this.inorder = inorder;
  // 先序遍历
  this.preorder = preorder;
  // 后序遍历
  this.postorder = postorder;
}

//实现insert插入方法
function insert(data){
  // 创建一个节点保存数据
  var node = new Node(data,null,null);
  // 下面将节点node插入到树中
  // 如果树是空的,就将节点设为根节点
  if(!this.root){
    this.root = node;
  }else{ //树不为空
    // 判断插在父节点的左边还是右边
    // 所以先要保存一下父节点
    // var parent = this.root;
    var current = this.root;
    var parent;
    // 如果要插入的节点键值小于父节点键值,则插在父节点左边,
    // 前提是父节点的左边为空,否则要将父节点往下移一层,
    // 然后再做判断
    while(true){
      // data小于父节点的键值
      parent = current;
      if(data < parent.data){
        // 将父节点往左下移(插入左边)
        // parent = parent.left;
        current = current.left;
        // 如果节点为空,则直接插入
        if(!current){
          // !!!此处特别注意,如果就这样把parent赋值为node,也仅仅只是parent指向node,
          // 而并没有加到父元素的左边!!!根本没有加到树中去。所以要先记住父元素,再把当前元素加入进去
          parent.left = node;
          break;
        }      
      }else{ // 将父节点往右下移(插入右边)
        current = current.right;
        if(!current){
          parent.right = node;
          break;
        }
      }
    }

  }
} 

//实现inorder遍历方法(左中右)
function inorder(node){
  if(node){
    inorder(node.left);
    console.log(node.show());
    inorder(node.right);
  }
}

// 先序遍历(中左右)
function preorder(node){
  if(node){
    console.log(node.show());
    preorder(node.left);
    preorder(node.right);
  }
}

// 后序遍历(左右中)
function postorder(node){
  if(node){
    preorder(node.left);
    preorder(node.right);
    console.log(node.show());
  }
}

测试:

// 后序遍历(左右中)
function postorder(node){
  if(node){
    postorder(node.left);
    postorder(node.right);
    console.log(node.show());
  }
}

// 实例化一个BST树
var tree = new BST();
// 添加节点
tree.insert(30);
tree.insert(14);
tree.insert(35);
tree.insert(12);
tree.insert(17);
// 中序遍历
tree.inorder(tree.root);
// 先序遍历
tree.preorder(tree.root);
// 后序遍历
tree.postorder(tree.root);

 结果:

中序遍历:

JS实现二叉查找树的建立以及一些遍历方法实现

先序遍历:

JS实现二叉查找树的建立以及一些遍历方法实现

后序遍历:

JS实现二叉查找树的建立以及一些遍历方法实现

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

Javascript 相关文章推荐
JavaScript学习笔记(十)
Jan 17 Javascript
23个Javascript弹出窗口特效整理
Feb 25 Javascript
JavaScript:Div层拖动效果实例代码
Aug 06 Javascript
在父页面调用子页面的JS方法
Sep 29 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
May 21 Javascript
全面理解JavaScript中的继承(必看)
Jun 16 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
Feb 17 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
Mar 29 Javascript
js实现图片懒加载效果
Jul 17 Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
Jul 20 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
Feb 12 Javascript
Antd表格滚动 宽度自适应 不换行的实例
Oct 27 Javascript
简单的JS控制button颜色随点击更改的实现方法
Apr 17 #Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 #jQuery
Vue分页组件实例代码
Apr 17 #Javascript
浅谈react.js 之 批量添加与删除功能
Apr 17 #Javascript
react.js 获取真实的DOM节点实例(必看)
Apr 17 #Javascript
老生常谈jacascript DOM节点获取
Apr 17 #Javascript
老生常谈combobox和combotree模糊查询
Apr 17 #Javascript
You might like
Protoss兵种对照表
2020/03/14 星际争霸
文章推荐系统(三)
2006/10/09 PHP
php中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
通过PHP修改Linux或Unix口令的方法分享
2012/01/30 PHP
phpcms配置列表页以及获得文章发布时间
2017/07/04 PHP
PHP实现的AES加密、解密封装类与用法示例
2018/08/02 PHP
拖动布局之保存布局页面cookies篇
2010/10/29 Javascript
收集的一些Array及String原型对象的扩展实现代码
2010/12/05 Javascript
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
2010/12/06 Javascript
js 浏览本地文件夹系统示例代码
2013/10/24 Javascript
JS小游戏之极速快跑源码详解
2014/09/25 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
2015/03/03 Javascript
Nodejs学习笔记之测试驱动
2015/04/16 NodeJs
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
ES6所改良的javascript“缺陷”问题
2016/08/23 Javascript
js控制div层的叠加简单方法
2016/10/15 Javascript
javascript 中的try catch应用总结
2017/04/01 Javascript
浅谈关于axios和session的一些事
2017/07/13 Javascript
jQuery DOM节点的遍历方法小结
2017/08/15 jQuery
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
2021/01/30 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
vue-router的使用方法及含参数的配置方法
2018/11/13 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
2019/04/10 Javascript
ionic+html5+API实现双击返回键退出应用
2019/09/17 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
基于Python实现的百度贴吧网络爬虫实例
2015/04/17 Python
使用python生成杨辉三角形的示例代码
2018/08/29 Python
Python二维码生成识别实例详解
2019/07/16 Python
pandas DataFrame 数据选取,修改,切片的实现
2020/04/24 Python
校园奶茶店创业计划书
2014/01/23 职场文书
毕业生自荐书
2014/02/03 职场文书
好媳妇事迹材料
2014/12/24 职场文书
鸦片战争观后感
2015/06/09 职场文书
2016高三毕业赠言寄语
2015/12/04 职场文书