【图解数据结构】 一组动画完全理解二叉树三种遍历

二叉树的遍历是指从根结点出发，按照某种次序依次访问二叉树中全部结点，使得每一个结点被访问一次且仅被访问一次。

在二叉树的遍历中存在三种较为经常使用的遍历方式：前序遍历、中序遍历、后序遍历。接下来我将尝试着用三组动画向读者详细的介绍这三种遍历方式的逻辑思路，但愿让读者看到任何的二叉树都能在脑海中快速的勾勒出动画。

前提

在介绍这三组动画前，咱们先用图来介绍一下二叉树的建立以及动画中的一些约定说明。

如图所示是二叉树中的一个节点，这个节点有左子树与右子树，经过两根绿色的链接线，将此节点划分红了三个区域，咱们分别用前、中、后这三个辅助点来表示。

这三个点代表在二叉树的遍历中何时要取出此节点的值。

任何一个节点去遍历都是 前-左绿线-中-右绿线-后 这样的顺序遍历的。

前序遍历

使用递归方式实现前序遍历的具体过程为：

• 先访问根节点
• 再序遍历左子树
• 最后序遍历右子树

咱们来对上面的动画进行一个充分的说明来理解前序遍历的递归实现方式。

• 首先访问了28这个节点，咱们看前辅助点，因为是前序遍历，那么此刻咱们取出该节点的值28
• 然后经过左绿线访问28的左子树
• 在16这个节点中，咱们看前辅助点，因为是前序遍历，取出该节点的值16
• 经过左绿线访问16的左子树
• 在13这个节点中，咱们看前辅助点，因为是前序遍历，取出该节点的值13
• 13这个节点左子树为空，那么咱们左绿线就没有，而后看中辅助点，因为是前序遍历，所以不作处理
• 13这个节点右子树为空，那么咱们右绿线就没有，而后看后辅助点，因为是前序遍历，所以不作处理
• 然后回到16这个节点中，看中辅助点，因为是前序遍历，所以不作处理
• 然后看16这个节点的右子树22这个节点，看前辅助点，因为是前序遍历，取出该节点的值22
• 。。。

代码实现：

中序遍历

使用递归方式实现中序遍历的具体过程为：

• 先中序遍历左子树
• 再访问根节点
• 最后中序遍历右子树

咱们来对上面的动画进行一个充分的说明来理解中序遍历的递归实现方式。

• 首先访问了28这个节点，咱们看前辅助点，因为是中序遍历，所以不作处理
• 然后经过左绿线访问28的左子树
• 在16这个节点中，咱们看前辅助点，因为是中序遍历，所以不作处理
• 经过左绿线访问16的左子树
• 在13这个节点中，咱们看前辅助点，因为是中序遍历，所以不作处理
• 13这个节点左子树为空，那么咱们左绿线就没有，而后看中辅助点，因为是中序遍历，取出该节点的值13
• 13这个节点右子树为空，那么咱们右绿线就没有，而后看后辅助点，因为是中序遍历，所以不作处理
• 然后回到16这个节点中，看中辅助点，因为是中序遍历，取出该节点的值16
• 然后看16这个节点的右子树22这个节点，看前辅助点，因为是中序遍历，所以不作处理
• 看中辅助点，因为是中序遍历，取出该节点的值22
• 。。。

代码实现：

后序遍历

使用递归方式实现后序遍历的具体过程为：

• 前后序遍历左子树
• 再后序遍历右子树
• 最后访问根节点

咱们来对上面的动画进行一个充分的说明来理解后序遍历的递归实现方式。

• 首先访问了28这个节点，咱们看前辅助点，因为是后序遍历，所以不作处理
• 然后经过左绿线访问28的左子树
• 在16这个节点中，咱们看前辅助点，因为是后序遍历，所以不作处理
• 经过左绿线访问16的左子树
• 在13这个节点中，咱们看前辅助点，因为是后序遍历，所以不作处理
• 13这个节点左子树为空，那么咱们左绿线就没有，而后看中辅助点，因为是后序遍历，所以不作处理
• 13这个节点右子树为空，那么咱们右绿线就没有，而后看后辅助点，因为是后序遍历，取出该节点的值13
• 然后回到16这个节点中，看中辅助点，因为是后序遍历，所以不作处理
• 然后看16这个节点的右子树22这个节点，看前辅助点，因为是中序遍历，所以不作处理
• 看中辅助点，因为是后序遍历，所以不作处理
• 看后辅助点，因为是后序遍历，取出该节点的值16
• 。。。

代码实现：

欢迎关注：