二叉树的遍历方式

　　分别为中序遍历（左子树->当前节点->右子树）、前序遍历（当前节点->左子树->右子树）、后序遍历（左子树->右子树->当前节点）。下面使用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. [控件]unigui移动端下Unidatepicker时间显示解决方案

    [控件]unigui移动端下Unidatepicker时间显示解决方案 http://tz10000.com/kong-jian-unigui-yi-dong-duan-xia-unidatepick ...

  2. (leetcode162)find peak element

    1题目 A peak element is an element that is greater than its neighbors. Given an input array where num[ ...

  3. [Leedcode 169]Majority Element

    1 题目描述 Given an array of size n, find the majority element. The majority element is the element that ...

  4. spring mvc 的请求流程

    SpringMVC核心处理流程: 1.DispatcherServlet前端控制器接收发过来的请求,交给HandlerMapping处理器映射器 2.HandlerMapping处理器映射器,根据请求 ...

  5. 数独 php

      数独求解程序 php版 转载请注明出处:http://xiezhenye.com/2008/06/%e6%95%b0%e7%8b%ac%e6%b1%82%e8%a7%a3%e7%a8%8b%e5% ...

  6. Asp .Net core 2 学习笔记(3) —— 静态文件

    这个系列的初衷是便于自己总结与回顾,把笔记本上面的东西转移到这里,态度不由得谨慎许多,下面是我参考的资源: ASP.NET Core 中文文档目录 官方文档 记在这里的东西我会不断的完善丰满,对于文章 ...

  7. ServiceStack 多租户的实现方案

    以SqlServer为例子说明ServiceStack实现多租户,在SqlServer中创建4个Database:TMaster.T1,T2,T3,为了安全起见 每个Database不用sa账号,而是 ...

  8. Linux巩固记录（8） Hbase shell 基本使用

    继续前几篇内容,讲解hbase基本使用 1.进入hbase shell: hbase有很多种操作方式,比如shell,java客户端,webUI等,可以直接输入hbase进行提示 [root@mast ...

  9. powerDesigner 把name项添加到注释(comment)

    第一次写博客,分享一点经验吧,平时大家用powerDesigner的时候,pd是不会把name项默认添加到comment的,所以生成的数据库表里面也没有中文字段的注释. 我在网上查了一下.有解决方案了 ...

  10. javascript之快速排序

    快速排序思想其实还是挺简单的,分三步走: 1.在数组中找到基准点,其他数与之比较. 2.建立两个数组,小于基准点的数存储在左边数组,大于基准点的数存储在右边数组. 3.拼接数组,然后左边数组与右边数组 ...