二叉树的遍历方式

　　分别为中序遍历（左子树->当前节点->右子树）、前序遍历（当前节点->左子树->右子树）、后序遍历（左子树->右子树->当前节点）。下面使用JavaScript语言实现二叉树的三种遍历算法。

　　首先构造一个排序二叉树（即满足左子节点比父节点小，右子节点比父节点大的二叉树），然后对其分别进行中序、前序、后序遍历。

排序二叉树结构图如下图所示：

说明：

　　其中8为根节点（没有父节点的节点），4,、7、13为叶子节点（最后一层上没有子节点的节点），3、10、1、6、14为中间节点。

该树的最大深度为4（共4层）。

具体代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <title>javaScript实现二叉树算法</title>

</head>

<body>

    <script type="text/javascript">

         function BinaryTree(){

             var Node = function(key) {//定义节点，包括父节点，左子节点，右子节点

                 this.key = key;//传入的元素值作为父节点

                 this.left = null;//左子节点初始为null

                 this.right = null;//右子节点初始为null

             };

             var root = null;//设置根节点初始值为空

             //  定义插入节点函数，入参为当前节点和新加的节点

             var insertNode = function(node, newNode) {

                if (newNode.key < node.key) {//若新节点的父节点值小于的当前的节点的父节点值，则往左半部分走

                    if (node.left === null) {//当前节点若没有左子节点，则新节点作为当前节点的左子节点

                        node.left = newNode;

                    } else {//若当前节点的左子节点存在，则递归调用插入节点函数

                        insertNode(node.left, newNode);

                    }

                } else {//若新节点的父节点值不小于当前节点的父节点值，则往右半部分走

                    if (node.right === null) {//若当前节点的右子节点不存在，则新节点作为当前节点的右子节点

                        node.right = newNode;

                    } else {//若当前节点的右子节点存在，则递归调用插入节点函数

                        insertNode(node.right, newNode);

                    }

                }

             };

             this.insert = function(key) {//定义插入节点函数

                 var newNode = new Node(key);//定义新节点

                 if (root === null) {//若根节点为空，则新节点作为根节点

                     root = newNode;

                 } else {//若根节点存在，则执行插入节点函数

                     insertNode(root, newNode);

                 }

             };

             //中序遍历：左子树->当前节点->右子树，结果是一个升序有序序列

             var inOrderTraverseNode = function(node, callback) {

                 if (node !== null) {//当前节点存在

                     inOrderTraverseNode(node.left, callback);//遍历左子树

                     callback(node.key);//执行回调函数

                     inOrderTraverseNode(node.right, callback);//遍历右子树

                 }

             }

             this.inOrderTraverse = function(callback) {

                 inOrderTraverseNode(root, callback);

             }

             //前序遍历：当前节点->左子树->右子树，常用于复制一个二叉树，效率高。

             var preOrderTraverseNode = function(node, callback) {

                 if (node !== null) {//当前节点不为空

                     callback(node.key);//执行回调函数

                     preOrderTraverseNode(node.left, callback);//遍历左子树

                     preOrderTraverseNode(node.right, callback);//遍历右子树

                 }

             }

             this.preOrderTraverse = function(callback) {

                 preOrderTraverseNode(root, callback);

             }

             //后序遍历：左子树->右子树->当前节点，常用于文件系统遍历

             var postOrderTraverseNode = function(node, callbakc) {

                 if (node !== null) {//当前节点不为空

                     postOrderTraverseNode(node.left, callback);//遍历左子树

                     postOrderTraverseNode(node.right, callback);//遍历右子树

                     callback(node.key);//执行回调函数

                 }

             }

             this.postOrderTraverse = function(callback) {

                 postOrderTraverseNode(root, callback);

             }

         }

         //测试二叉树排序

        var nodes = [8, 3, 10, 1, 6, 14, 4, 7, 13];

        var binaryTree = new BinaryTree();//实例化一个新的二叉树

        nodes.forEach(function(key) {//遍历数组中的所有元素，执行二叉树排序操作，生成排序二叉树

             binaryTree.insert(key);

        });

        //回调函数

        var callback = function(key) {

            console.log(key);//打印出当前节点值

        }

        //中序遍历测试

        binaryTree.inOrderTraverse(callback);

        //前序遍历测试

        binaryTree.preOrderTraverse(callback);

        //后序遍历测试

        binaryTree.postOrderTraverse(callback);

    </script>

</body>

</html>

JavaScript实现二叉树算法的更多相关文章

  1. javascript数据结构与算法-- 二叉树

    javascript数据结构与算法-- 二叉树 树是计算机科学中经常用到的一种数据结构.树是一种非线性的数据结构,以分成的方式存储数据,树被用来存储具有层级关系的数据,比如文件系统的文件,树还被用来存 ...

  2. javascript数据结构与算法---二叉树（删除节点）

    javascript数据结构与算法---二叉树(删除节点) function Node(data,left,right) { this.data = data; this.left = left; t ...

  3. javascript数据结构与算法---二叉树（查找最小值、最大值、给定值）

    javascript数据结构与算法---二叉树(查找最小值.最大值.给定值) function Node(data,left,right) { this.data = data; this.left ...

  4. javascript数据结构与算法--二叉树遍历（后序）

    javascript数据结构与算法--二叉树遍历(后序) 后序遍历先访问叶子节点,从左子树到右子树,再到根节点. /* *二叉树中,相对较小的值保存在左节点上,较大的值保存在右节点中 * * * */ ...

  5. javascript数据结构与算法--二叉树遍历（先序）

    javascript数据结构与算法--二叉树遍历(先序) 先序遍历先访问根节点, 然后以同样方式访问左子树和右子树 代码如下: /* *二叉树中,相对较小的值保存在左节点上,较大的值保存在右节点中 * ...

  6. javascript数据结构与算法--二叉树遍历（中序）

    javascript数据结构与算法--二叉树遍历(中序) 中序遍历按照节点上的键值,以升序访问BST上的所有节点 代码如下: /* *二叉树中,相对较小的值保存在左节点上,较大的值保存在右节点中 * ...

  7. javascript数据结构与算法--二叉树（插入节点、生成二叉树）

    javascript数据结构与算法-- 插入节点.生成二叉树 二叉树中,相对较小的值保存在左节点上,较大的值保存在右节点中 /* *二叉树中,相对较小的值保存在左节点上,较大的值保存在右节点中 * * ...

  8. javascript数据结构与算法--散列

    一:javascript数据结构与算法--散列  一:什么是哈希表? 哈希表也叫散列表,是根据关键码值(key,value)而直接进行访问的数据结构,它是通过键码值映射到表中一个位置来访问记录的,散列 ...

  9. 为什么我要放弃javaScript数据结构与算法（第八章）—— 树

    之前介绍了一些顺序数据结构,介绍的第一个非顺序数据结构是散列表.本章才会学习另一种非顺序数据结构--树,它对于存储需要快速寻找的数据非常有用. 本章内容 树的相关术语 创建树数据结构 树的遍历 添加和 ...

随机推荐

  1. AngularJS controller as vm方式

    从AngularJS1.20开始引入了Controller as 新语法,以前版本在Controller 中必须注入$scope这个服务,才能在视图绑定中使用这些变量,$scope不是那么POJO(普 ...

  2. Android-Lock-多线程通讯(生产者 消费者)&等待唤醒机制

    此篇博客以 生产面包

  3. 注册Github账户过程

    1.首先打开冯老师提供的Github的教程网址:http://www.aehyok.com/Blog/Detail/73.html 2.打开Github的网站(https://github.com/) ...

  4. 二、RHCSA试题解析

    一.设置YUM仓库 YUM的软件库源地址为:http://content.example.com/rhel7.0/x86_64/dvd,将此配置为操作系统的默认软件仓库. 方法一(修改配置文件): v ...

  5. Django：查询后，分页功能为全部对象分页，丢失查询查询参数

    问题: 原始的链接为 http://127.0.0.1:8000/article/list-article-titles-bysomeone/guchen/?column=django 有一个colu ...

  6. 【牛客OI赛制测试赛3】 毒瘤xor

    牛客OI赛制测试赛3 毒瘤xor 传送门 题面,水表者自重 Solution 前缀和简单题(挖坑待补) 代码实现 #include<stdio.h> #define int long lo ...

  7. 网络基础、ftp任务（进度条、计算文件大小、断点续传、搭建框架示例）

    一.网络基础 1.端口,是什么?为什么要有端口? 端口是为了将同一个电脑上的不同程序进行隔离. IP是找电脑:端口是找电脑上的应用程序: 端口范围:1 – 65535 :    1 - 1024 不要 ...

  8. 【UML】：时序图

    时序图表达了类之间调用关系,以及调用时序关系. Actor: 调用者实例化类的对象,执行者. Lifeline: 生命线,竖的虚线.上方方框是类名表示存在的时间,从上至下表示时间流逝.Lifeline ...

  9. Angular使用总结 --- 搜索场景中使用rxjs的操作符

    在有input输入框的搜索/过滤业务中,总会考虑如何减少发起请求频率,尽量使每次的请求都是有效的.节流和防抖是比较常见的做法,这类函数的实现方式也不难,不过终归还是需要自己封装.rxjs提供了各种操作 ...

  10. 【转】如何用css限制文字长度,使溢出的内容用省略号…显示

    文章转自这里(现在貌似被黑了,建议不要点击了) ps:因在该地方没看到转载按钮,复制下存到这里以待自己方便,别人能看到帮助一下更是乐意之至,效果亲测可以实现,兼容IE.谷歌.火狐 由于文字内容长度的不 ...