当前位置:首页 > 日记 > 正文

javascript实现二叉树遍历的代码

javascript实现二叉树遍历的代码

前言:

紧接着上篇 二叉树的javascript实现 ,来说一下二叉树的遍历。

本次一本正经的胡说八道,以以下这个二叉树为例子进行遍历:

接着是要引入二叉树实现的代码:

function Node(data, left, right) {  this.data = data;  this.left = left;  this.right = right;  this.show = show;}function show() {  return this.data;}function BST() {  this.root = null;  this.insert = insert;}function insert(data) {  var n = new Node(data, null, null);  if (this.root == null) {   this.root = n;  }  else {   var current = this.root;   var parent;   while (true) {     parent = current;     if (data < current.data) {      current = current.left;      if (current == null) {        parent.left = n;        break;      }     }     else {      current = current.right;      if (current == null) {        parent.right = n;        break;      }     }   }  }}

二叉树遍历的分类

二叉树的遍历分为先序、中序、后序遍历。这里说到的先序、中序、后序是相对于父节点来说。父节点的值先输出就是先序,三者间它在中间输出就是中序,最后输出就是后序。至于那个是父节点是相对而言的,因为除了叶子节点(最底下一层节点),其他每个节点都可以是父节点。

先序遍历

先序遍历就是,先打印父节点,然后是左子节点(左子树),然后再打印右子节点(子树)。

function preOrder(node) {  if (!(node == null)) {   console.log(node.show() + " ");   preOrder(node.left);   preOrder(node.right);  }}// 给BST类添加先序遍历的成员方法function BST() {  this.root = null;  this.insert = insert;  this.preOrder = preOrder;}

preOrder函数是递归实现的,应该说二叉树的遍历都是递归实现的。可能有些人会因为先序遍历的特征:“先打印父节点,然后是左子节点(左子树),然后再打印右子节点(子树)” 而陷入一个错误的想法,这想法是什么请看下图:

注意红框部分,父节点是10,左子节点是3,右子节点是18,因为上面的结论,可能会错误地认为打印的顺序是10 → 3 → 18,然而事实并非如此[捂脸],真是的顺序是:先打印10,然后是打印左子树,打印完左子树的全部节点后,才开始打印以10位父节点的右子树:

这个时候,你的脑海就该这样想:

然后是这样想:

如此类推打印完以10为父节点的左子树,然后也是以这样的方式打印以10为父节点的右子树,按着这种 拆分代替的思想 来理解会更好明白二叉树的遍历。

然后最终,先序遍历改二叉树的顺序是:

按图的输出顺序是:10 -> 3 -> 2 -> 4 -> 9 -> 8 -> 9 -> 18 -> 13 -> 21

最后来实践一下,先序遍历:

var bst = new BST();var nums = [10, 3, 18, 2, 4, 13, 21, 9, 8, 9];for(var i = 0; i < nums.length; i++) {  bst.insert(nums[i]);}bst.preOrder(bst.root);

这里强调一下,输出顺序和插入顺序有关的,因为你插入顺序不同生成的二叉树也是不同的。有疑问的可以去 二叉树的javascript实现 细看一下,有比较明白的说明了二叉树,也可以实验一下:

中序遍历

看完先序遍历,已经可以类推到很多和中序、后序遍历相关的知识点。中序遍历的特征是:先打印左子树(左子节点),接着打印父节点,最后打印右子树(右子节点)。

function inOrder(node) {  if (!(node == null)) {   inOrder(node.left);   console.log(node.show() + " ");   inOrder(node.right);  }}// 给BST类添加该成员方法function BST() {  this.root = null;  this.insert = insert;  this.preOrder = preOrder;  this.inOrder = inOrder;}

中序遍历的打印顺序:

按上图的输出顺序是:2 -> 3 -> 4 -> 8 -> 9 -> 9 -> 10 -> 13 -> 18 -> 21

接着是,实践一下中序遍历:

后序遍历

function postOrder(node) {  if (!(node == null)) {   postOrder(node.left);   postOrder(node.right);   console.log(node.show() + " ");  }}// 给BST类添加该成员方法function BST() {  this.root = null;  this.insert = insert;  this.preOrder = preOrder;  this.inOrder = inOrder;  this.postOrder = postOrder;}

后序遍历的打印顺序

按上图的输出顺序是:2 -> 8 -> 9 -> 9 -> 4 -> 3 -> 13 -> 21 -> 18  -> 10

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

相关文章

ps怎么设计一款独特的彩色炫光字体

ps怎么设计一款独特的彩色炫光字体

字体,独特,彩色,电脑软件,ps,今天我们来看看使用PS制作一组彩色炫光字体效果的文字的教程,很简单,图文如下。软件名称:Adobe PhotoShop7.0 简体中文版软件大小:154MB更新时间:2014-09-02好的,开始我们的教程1、新建900X500白色画布,输入文字(最好选…

怎么运用WPS来设计一个二维码

怎么运用WPS来设计一个二维码

二维码,电脑软件,WPS,  使用WPS文字制作属于自己的二维码,二维码的使用是越来越普遍,我们可以通过扫面二维码来进行支付,使用起来非常方便。以下是小编为您带来的关于WPS设计一个二维码,希望对您有所帮助。WPS设计一个二维码1、打开WPS文字这…

微信小程序 scroll-view隐藏滚动条

微信小程序 scroll-view隐藏滚动条

滚动条,详解,程序,电脑软件,微信小,一:scroll-view隐藏滚动条在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这里,就是为小程序去掉滚动条的其中的一种方法:scroll-view.wxml:scroll-view.wxssscroll-view.js 最终…

PS导航器怎么快速定位的位置?

PS导航器怎么快速定位的位置?

定位,位置,导航,快速,电脑软件,PS窗口只显示了该图片的一部分图像,想要快速找到图片,就可以使用ps中的导航器快速的找到我们所需要的图像位置,下面我们就来看看详细的教程。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更…

PS怎么给自然的合成云彩?

PS怎么给自然的合成云彩?

云彩,自然,电脑软件,PS,拍摄时,经常拍不到云彩,这就需要我们手动加入了。风景图片是我自己拍摄的,云彩是在网上截图的。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、打开ps,打开图片,按ctrl+j,复制图层…

Excel2013中如何计算方差和均方差

Excel2013中如何计算方差和均方差

方差,计算,方法,电脑软件,strong,  Excel2013中如何计算方差和均方差?方差、均方差,可能现在回想起来都有点陌生。但是,我们在初中数学里面就有所接触,方差可以反映数据的偏移程度,多用于零件测绘行业,在Excel表格中,有时需要计算出方差,下面小…

怎么在WPS表格中使用if函数完成分

怎么在WPS表格中使用if函数完成分

函数,评级,步骤,表格,分数,  用if函数可以不仅可以对学生的考试成绩进行评级,还可以对很多数字数据来进行评级,比如工人的工资,天气指数等。下面小编教你怎么在WPS表格中使用if函数完成分数评级。WPS表格中使用if函数完成分数评级的步骤新建…

angular $watch 一个变量的变化 |

angular $watch 一个变量的变化 |

变量,实例,电脑软件,angular,watch,废话不多说,直接上代码$scope.$watch('custArea', function(newValue, oldValue) { angular.forEach(newValue, function(item, key) { if($scope.custArea.indexOf("000000") > -1){ // $sc…

PS合成美女凌空接花瓶场景

PS合成美女凌空接花瓶场景

花瓶,场景,美女,电脑软件,PS,效果图合成并不难,不过前期准备要非常充分,尤其是人物素材部分,要能把动作和神韵都融入到画面中,这样出来的效果才更自然。最终效果所使用的素材:一、构图 12 3 4 阅读全文 1 23 4 阅读全文二、铺光 1 2 34 阅读…

vue-resource拦截器设置头信息的实

vue-resource拦截器设置头信息的实

设置,拦截器,实例,电脑软件,vue,使用vue-resource,设置头信息:Vue.http.interceptors.push((request, next) => { request.headers.set('Authorization', token) console.log(request.headers) next(response => { console.log(response.s…

解决cannot be cast to javax.serv

解决cannot be cast to javax.serv

报错,电脑软件,javax,cast,Filter,cannot be cast to javax.servlet.Filter 报错, 原因servlet-api.jar冲突使用maven开发web应用程序, 启动的时候报错:jar not loaded. See Servlet Spec 2.3, section 9.7.2. Offending class: javax/serv…