一次哔哩哔哩面试经历，JavaScript实现二叉树前中后序遍历，web网站开发

const { binaryTree } = require(‘./binary-tree’)

const post_order = root => {

// 结点是空的，直接返回

if (!root) return;

post_order(root.left)

post_order(root.right)

console.log(root.val)

}

post_order(binaryTree)

// d e b f g c a

可以肉眼看到递归编码实现只是递归和打印的顺序，需要掌握的是三种顺序遍历是什么意思，是怎么遍历的

三、非递归实现二叉树前中后序遍历

稍微有一丢丢难度的来啦~

前中后都用栈来实现一下

1、非递归前序遍历

再看下前面画的图

const { binaryTree } = require(‘./binary-tree’)

const nonrec_preorder = root => {

// 结点是空的，直接返回

if (!root) return;

const stack = [root];

while(stack.length) {

const node = stack.pop();

if(node.right) stack.push(node.right);

if(node.left) stack.push(node.left);

console.log(node.val)

}

}

nonrec_preorder(binaryTree)

为什么这里要先push右结点再push左结点呢？因为栈是先进后出的，

在前面递归实现的时候，我们已经知道结果是 a b d e c f g了

可见左结点是要先打印的，所以先把结点的右孩子压栈，再压左孩子，这样就可以先pop出来左孩子了

底下会写后序遍历，就是跟这个反过来的，可以结合起来食用

2、非递归实现中序遍历

从上面递归算法及图示可以看出，中序遍历首先会找到最左边边的孩子结点

这里可以借助一个指针配合栈来实现

const { binaryTree } = require(‘./binary-tree’)

const nonrec_inorder = root => {

// 结点是空的，直接返回

if (!root) return;

// 定义一个指针指向root

let p = root;

// 定义一个栈

const stack = [];

// 这里地方要|| p是因为不加的话，最开始它就不跑进来了

while(stack.length || p) {

// 只要p不为空，就一直去找左节点，压栈

while§ {

stack.push§

p = p.left;

}

// 第一轮的这个时候已经找到最左边边的结点了，给它pop出来

const node = stack.pop();

console.log(node.val)

// 这个时候左结点和根结点都已经pop出来了，要去遍历右节点

p = node.right;

}

}

nonrec_inorder(binaryTree)

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

vert/6c250b6200355d0edce85b970db267bd.png)

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-sQruX1xF-1712465553363)]