二叉树的遍历方式

　　分别为中序遍历（左子树->当前节点->右子树）、前序遍历（当前节点->左子树->右子树）、后序遍历（左子树->右子树->当前节点）。下面使用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. SET FOREIGN_KEY_CHECKS=0;在Mysql中取消外键约束

      Mysql中如果表和表之间建立的外键约束,则无法删除表及修改表结构.   解决方法是在Mysql中取消外键约束:  SET FOREIGN_KEY_CHECKS=0;     然后将原来表的数据导 ...

  2. java基础梳理

  3. 解决.net+steeltoe服务客户端被服务调用出现400BadRequst错误

    一直尝试用steeltoe的官方示例被调用,一直报400BadRequst错误,换用Java写了一个简单client服务,却能正常被调用. 百思不得其解,用了一晚上填坑,开始觉得是不是IP没绑定,服务 ...

  4. ASP.NET Web API + Elasticsearch 6.x 快速做个全文搜索

    最近想做个全文搜索,设想用 ASP.NET Web API + Elasticsearch 6.x 来实现. 网上搜了下 Elasticsearch 的资料,大部分是讲 linux 平台下如何用 ja ...

  5. 【C#进阶】拥抱Lambda（二）

    语言的设计,真的是挺有意思的.第一次看这个代码[1]时,旁人随口了一句"哇,好多实心句号". 当时马上一个想法是--怎么实现的?返回了对象,然后再调用方法?然后就放下了,后来发现, ...

  6. 你所不知道的ASP.NET Core MVC/WebApi基础系列 (二)

    转自博客:https://www.cnblogs.com/CreateMyself/p/10604293.html 前言 本节内容,我们来讲讲.NET Core当中的模型绑定系统.模型绑定原理.自定义 ...

  7. Winform DataGridView控件在业务逻辑上的简单使用

    需要对文字列表进行处理,然后用到DataGridView控件来处理,记录一下.效果如下: 主要是想通过禁用和取消单元格选择来使图标单元格呈现出鼠标点击的效果.因为有个单元格选择的问题困扰着我. 是这样 ...

  8. Spring IOC 容器源码分析 - 填充属性到 bean 原始对象

    1. 简介 本篇文章,我们来一起了解一下 Spring 是如何将配置文件中的属性值填充到 bean 对象中的.我在前面几篇文章中介绍过 Spring 创建 bean 的流程,即 Spring 先通过反 ...

  9. Lerning Entity Framework 6 ------ Introduction to TPH

    Sometimes, you have created two models. They have the same parent class like this: public class Pers ...

  10. 使用solr crud 的三种方式（了该）

    1.solrJ       实际是http 请/响 2.spring data solr 实际是对官方类库(solrJ)的封装 3.使用httpClient 手动请求