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);

 结果:

中序遍历:

中序遍历

先序遍历:

先序遍历

后序遍历:

后序遍历

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

相关文章

  • Bootstrap风格的WPF样式

    Bootstrap风格的WPF样式

    此样式基于bootstrap-3.3.0,样式文件里的源码行数都是指的这个版本.这篇文章主要介绍了Bootstrap风格的WPF样式的相关资料,需要的朋友参考下
    2016-12-12
  • js操作数据库实现注册和登陆的简单实例

    js操作数据库实现注册和登陆的简单实例

    下面小编就为大家带来一篇js操作数据库实现注册和登陆的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 跨浏览器的事件对象介绍

    跨浏览器的事件对象介绍

    虽然IE的事件对象与DOM的事件对象存在差异,但是IE事件对象中所包含的信息和能力,与DOM事件对象是相同的,只是表现形式不同而已,通过映射的方式,我们可以实现兼容IE和DOM事件对象的事件对象
    2012-06-06
  • JavaScript删除指定子元素代码实例

    JavaScript删除指定子元素代码实例

    这篇文章主要介绍了JavaScript删除指定子元素代码实例,本文给出了代码实例和实现代码解释,需要的朋友可以参考下
    2015-01-01
  • js判断IE6/IE7/FF的代码[XMLHttpRequest]

    js判断IE6/IE7/FF的代码[XMLHttpRequest]

    js下通过XMLHttpRequest判断IE6/IE7/FF的代码,需要的朋友可以参考下。
    2011-02-02
  • js模仿hover的具体实现代码

    js模仿hover的具体实现代码

    hover效果,想必大家并不陌生吧,接下来为大家介绍下使用js模仿hover,感兴趣的朋友可以参考下
    2013-12-12
  • JavaScript数组中reduce方法的应用详解

    JavaScript数组中reduce方法的应用详解

    JavaScript 中的reduce()方法可以用于将数组元素汇总为单个值,,所以本文为大家整理了一些JavaScript数组中reduce方法的应用,需要的可以参考一下
    2023-07-07
  • JavaScript实现数组去重的十种方法分享

    JavaScript实现数组去重的十种方法分享

    去重是开发中经常会碰到的一个热点问题,这篇文章主要介绍了JavaScript中实现数组去重的10种方法,文中的示例代码讲解详细,感兴趣的可以了解一下
    2022-11-11
  • javascript变量作用域使用中常见错误总结

    javascript变量作用域使用中常见错误总结

    刚看了一篇文章对js作用域的理解又会上升到一个新的台阶,javascript里变量作用域是个经常让人头痛抓狂的问题,接下来对经常遇到又容易出错的情况进行了简单总结,感兴趣的各位可以参考下哈
    2013-03-03
  • JS从非数组对象转数组的方法小结

    JS从非数组对象转数组的方法小结

    这篇文章主要给大家介绍了关于JS从非数组对象转数组的一些方法,分别是Array.prototype.slice.call(obj)、Array.from(obj)、[…obj]和Object.values(obj)等方法的详细实现方法,需要的朋友可以参考下。
    2018-03-03

最新评论