二叉树的遍历方式

　　分别为中序遍历（左子树->当前节点->右子树）、前序遍历（当前节点->左子树->右子树）、后序遍历（左子树->右子树->当前节点）。下面使用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. shell 命令 mkdir -p

    开发中我们会遇到嵌套创建文件目录的需要,这时需要用到 mkdir -p 比如我要在本地嵌套创建 /Users/dairui/Downloads/zookeeper/dataLogDir目录 直接使用 ...

  2. [device-orientation] 使用手机设备的方向感应实现图片选择

    <div class="main"> <h2>Device Orientation</h2> <table> <tbody&g ...

  3. 如何获取帮助———— QQ群讨论摘要

    QQ群对话整理(删除一些简单的回应),对一些重要的地方,我做了一些加粗   宝玉 2015/9/21 1:49:05       这次题目还有个问题就是如何读取Excel,我想对于很多同学来说是个困难 ...

  4. 如何把jar包发布到maven私服

    1.格式 mvn deploy:deploy-file -DgroupId=com.qiyi -DartifactId=sphinx -Dversion=1.0 -Dpackaging=jar -Df ...

  5. [LintCode] 拓扑排序

    http://www.lintcode.com/zh-cn/problem/topological-sorting/# 给定一个有向图,图节点的拓扑排序被定义为: 对于每条有向边A--> B,则 ...

  6. UPDATE语句中SET部分列赋值的先后顺序有影响么？

    昨天研发同事问我个问题,UPDATE语句中SET部分列赋值的先后顺序会影响结果么?以前没考虑过这个问题,因为通常我们都会UPDATE时给列赋予一个确定的值,而不是一个依赖于其他列的值. 测试环境: D ...

  7. Markdown中怎么上传图片

    在网站中使用了Markdown编辑器,但是不能支持图片的直接粘贴

  8. C# windform 使用TreeGridView

    1 下载 treeGridView.DLL库文件. 2 添加到工程中. 右键“工具箱”选择“选择项” 弹出对话框 选择“浏览” 选中下载还的dll库文件.完成后工具箱中会有 treeGridView控 ...

  9. openvSwitch 基本命令

    建立ovs接口连接两个namespace组成二层网络 环境搭建拓扑 br0 +--------------------------------------+ +--+ +--+ +---+ | tap ...

  10. HttpURLConnection与HttpClient随笔

    目前在工作中遇到的需要各种对接接口的工作,需要用到HTTP的知识,工作完成后想要做一些笔记,本来知识打算把自己写的代码粘贴上来就好了,但是偶然发现一篇博文对这些知识的总结非常到位,自认无法写的这么好, ...