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

 更新时间:2017年04月17日 09:06:49   作者:DreamFJ   我要评论

本篇文章主要介绍了JS实现二叉查找树的建立以及一些遍历方法实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

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

我们可以定义一个节点类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实现垂直手风琴效果的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript获得url所有参数键值表的方法

    JavaScript获得url所有参数键值表的方法

    这篇文章主要介绍了JavaScript获得url所有参数键值表的方法,实例分析了javascript操作URL的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • 表格展示利器 Bootstrap Table实例代码

    表格展示利器 Bootstrap Table实例代码

    在表格导出数据中,发现设置了分页参数,导出的数据仅为表格加载的分页参数数据,于是,针对这样的情况,通过设置分页参数的值,使表格可以加载更多的数据,可达到导出所有数据的功能需求。下面通过本文给大家分享表格展示利器 Bootstrap Table
    2017-09-09
  • JS+CSS实现带有碰撞缓冲效果的竖向导航条代码

    JS+CSS实现带有碰撞缓冲效果的竖向导航条代码

    这篇文章主要介绍了JS+CSS实现带有碰撞缓冲效果的竖向导航条代码,可实现滑块弹性振动效果的导航效果,涉及jQuery数学运算及页面元素样式的动态操作技巧,需要的朋友可以参考下
    2015-09-09
  • 根据身份证号自动输出相关信息(籍贯,出身日期,性别)

    根据身份证号自动输出相关信息(籍贯,出身日期,性别)

    为了减少客户的在页面的输入,做了这个效果,他可以根据用户输入的身份证号输出籍贯、出身日期、性别的相关信息,需要的朋友可以参考下
    2013-11-11
  • 基于JavaScript如何制作遮罩层对话框

    基于JavaScript如何制作遮罩层对话框

    遮罩层听起来貌似很复杂,其实说白了就是一个全界面的半透明的div,用户不可以点击下边的元素,或者说是点击没有反应,接下来通过本文给大家介绍JavaScript如何制作遮罩层对话框,对js遮罩层相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • 深入了解javascript 数组的sort方法

    深入了解javascript 数组的sort方法

    在javascript中,数组对象有一个有趣的方法sort,它接收一个类型为函数的参数作为排序的依据。这意味着开发者只需要关注如何比较两个值的大小,而不用管排序这件事内部是如何实现的
    2018-06-06
  • NW.js 简介与使用方法

    NW.js 简介与使用方法

    NW.js (原名 node-webkit)是一个基于 Chromium 和 node.js 的应用运行时,通过它可以用 HTML 和 JavaScript 编写原生应用程序.这篇文章主要介绍了NW.js 简介与使用,需要的朋友可以参考下
    2018-02-02
  • JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法

    JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方

    这篇文章主要介绍了JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法,涉及JavaScript页面元素定时滚动操作及ajax调用实现技巧,需要的朋友可以参考下
    2016-04-04
  • JavaScript词法作用域与调用对象深入理解

    JavaScript词法作用域与调用对象深入理解

    关于 Javascript 的函数作用域、调用对象和闭包之间的关系很微妙,关于它们的文章已经有很多,本文做了一些总结,需要的朋友可以参考下
    2012-11-11

最新评论