JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】


Posted in Javascript onFebruary 21, 2019

本文实例讲述了JavaScript数据结构与算法之二叉树遍历算法。分享给大家供大家参考,具体如下:

javascript数据结构与算法--二叉树遍历(先序)

先序遍历先访问根节点, 然后以同样方式访问左子树和右子树

JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】

代码如下:

/*
 *二叉树中,相对较小的值保存在左节点上,较大的值保存在右节点中
 *
 *
 * */
/*用来生成一个节点*/
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;
}
/*将数据插入二叉树
 (1)设根节点为当前节点。
 (2)如果待插入节点保存的数据小于当前节点,则设新的当前节点为原节点的左节点;反
 之,执行第4步。
 (3)如果当前节点的左节点为null,就将新的节点插入这个位置,退出循环;反之,继续
 执行下一次循环。
 (4)设新的当前节点为原节点的右节点。
 (5)如果当前节点的右节点为null,就将新的节点插入这个位置,退出循环;反之,继续
 执行下一次循环。
 * */
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 (true) {
      parent = current;
      if (data < current.data) {
        current = current.left;//待插入节点保存的数据小于当前节点,则设新的当前节点为原节点的左节点
        if (current == null) {//如果当前节点的左节点为null,就将新的节点插入这个位置,退出循环;反之,继续执行下一次while循环。
          parent.left = n;
          break;
        }
      }
      else {
        current = current.right;//待插入节点保存的数据小于当前节点,则设新的当前节点为原节点的左节点
        if (current == null) {
          parent.right = n;
          break;
        }
      }
    }
  }
}
/*先序遍历
 *用递归的方法
 */
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);

运行结果:

JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】

javascript数据结构与算法--二叉树遍历(中序)

中序遍历按照节点上的键值,以升序访问BST上的所有节点

JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】

代码如下:

/*
 *二叉树中,相对较小的值保存在左节点上,较大的值保存在右节点中
 *
 *
 * */
/*用来生成一个节点*/
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;
}
/*将数据插入二叉树
 (1)设根节点为当前节点。
 (2)如果待插入节点保存的数据小于当前节点,则设新的当前节点为原节点的左节点;反
 之,执行第4步。
 (3)如果当前节点的左节点为null,就将新的节点插入这个位置,退出循环;反之,继续
 执行下一次循环。
 (4)设新的当前节点为原节点的右节点。
 (5)如果当前节点的右节点为null,就将新的节点插入这个位置,退出循环;反之,继续
 执行下一次循环。
 * */
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 (true) {
      parent = current;
      if (data < current.data) {
        current = current.left;//待插入节点保存的数据小于当前节点,则设新的当前节点为原节点的左节点
        if (current == null) {//如果当前节点的左节点为null,就将新的节点插入这个位置,退出循环;反之,继续执行下一次while循环。
          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);
console.log("中序遍历: ");
inOrder(nums.root);

运行结果:

JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】

javascript数据结构与算法--二叉树遍历(后序)

后序遍历先访问叶子节点,从左子树到右子树,再到根节点。

/*
 *二叉树中,相对较小的值保存在左节点上,较大的值保存在右节点中
 *
 *
 * */
/*用来生成一个节点*/
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;
}
/*将数据插入二叉树
 (1)设根节点为当前节点。
 (2)如果待插入节点保存的数据小于当前节点,则设新的当前节点为原节点的左节点;反
 之,执行第4步。
 (3)如果当前节点的左节点为null,就将新的节点插入这个位置,退出循环;反之,继续
 执行下一次循环。
 (4)设新的当前节点为原节点的右节点。
 (5)如果当前节点的右节点为null,就将新的节点插入这个位置,退出循环;反之,继续
 执行下一次循环。
 * */
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 (true) {
      parent = current;
      if (data < current.data) {
        current = current.left;//待插入节点保存的数据小于当前节点,则设新的当前节点为原节点的左节点
        if (current == null) {//如果当前节点的左节点为null,就将新的节点插入这个位置,退出循环;反之,继续执行下一次while循环。
          parent.left = n;
          break;
        }
      }
      else {
        current = current.right;//待插入节点保存的数据小于当前节点,则设新的当前节点为原节点的左节点
        if (current == null) {
          parent.right = n;
          break;
        }
      }
    }
  }
}
/*后序遍历
 *用递归的方法
 */
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);

运行结果:

JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js 效率组装字符串 StringBuffer
Dec 23 Javascript
jquery 获取自定义属性(attr和prop)的实现代码
Jun 27 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
Jun 26 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
javascript 对象数组根据对象object key的值排序
Mar 09 Javascript
javaScript中slice函数用法实例分析
Jun 08 Javascript
深入浅出ES6之let和const命令
Aug 25 Javascript
利用Angularjs和bootstrap实现购物车功能
Aug 31 Javascript
jQuery实现用户输入自动完成功能
Feb 13 Javascript
基于JavaScript实现的希尔排序算法分析
Apr 14 Javascript
Vue组件全局注册实现警告框的实例详解
Jun 11 Javascript
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
Apr 09 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
Feb 21 #Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
Feb 21 #Javascript
JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例
Feb 21 #Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 #Javascript
Vue实现table上下移动功能示例
Feb 21 #Javascript
JavaScript数组、json对象、eval()函数用法实例分析
Feb 21 #Javascript
ES6基础之解构赋值(destructuring assignment)
Feb 21 #Javascript
You might like
PHP生成静态页
2006/11/25 PHP
实用函数7
2007/11/08 PHP
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
利用php操作memcache缓存的基础方法示例
2017/08/02 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
javascript CSS画图之基础篇
2009/07/29 Javascript
JS在IE和FireFox之间常用函数的区别小结
2010/03/12 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
javascript数据类型验证方法
2015/12/31 Javascript
JavaScript截取、切割字符串的技巧
2016/01/07 Javascript
nodejs加密Crypto的实例代码
2016/07/07 NodeJs
bootstrap下拉列表与输入框组结合的样式调整
2016/10/08 Javascript
基于react框架使用的一些细节要点的思考
2017/05/31 Javascript
js微信分享实现代码
2020/10/11 Javascript
JS实现简单表格排序操作示例
2017/10/07 Javascript
Angularjs添加排序查询功能的实例代码
2017/10/24 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
2017/11/22 Javascript
Angular 向组件传递模板的两种方法
2018/02/23 Javascript
Vue中通过Vue.extend动态创建实例的方法
2019/08/13 Javascript
JavaScript命令模式原理与用法实例详解
2020/03/10 Javascript
bootstrap-table后端分页功能完整实例
2020/06/01 Javascript
跟老齐学Python之模块的加载
2014/10/24 Python
教你使用python画一朵花送女朋友
2018/03/29 Python
Python之dict(或对象)与json之间的互相转化实例
2018/06/05 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
linux下python中文乱码解决方案详解
2019/08/28 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
html5使用canvas实现跟随光标跳动的火焰效果
2014/01/07 HTML / CSS
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
美国在线自行车商店:Jenson USA
2018/05/22 全球购物
什么是命名空间(NameSpace)
2015/11/24 面试题
茶叶生产计划书
2014/01/10 职场文书
党员入党表决心的话
2014/03/11 职场文书
倡议书格式
2014/08/30 职场文书
MySQL查看表和清空表的常用命令总结
2021/05/26 MySQL
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android