二叉树的深度优先遍历和广度优先遍历js代码实现

树的深度优先搜索和广度优先搜索，其实没了解过的时候，看见树就头晕，之后去搜了下，发现也不是什么困难的事情；

其实树的深度优先搜索指的是不按照层级的规律去便利，像前序便利，中序后序便利都是属于深度便利的方式；

树的广度便利就是按照层级关系，一层一层的进行便利；

深度便利

树的深度便利中，先序中的先指的是根，先序就是根左右，中序是左根右，后序是左右根；下面举个代码 🌰：

//结构大概是这样，可以进行赋值
function TreeNode(value, left, right) {
    this.value = value;
    this.left = left;
    this.right = right;
  }
  
  function tree(node){
      if(!node){
          return; 
      }
      console.log(node.value); //处理操作
      tree(node.left);
      tree(node.right);
  }
// 举个例子
var tree11 = {
    value : 1,
    left : {
        value : 2,
        left : {
            value :4
        }
    },
    right : {
        value : 3,
        left : {
            value : 5,
            left :{
                value :7
            },
            right :{
                value :8
            }
        },
        right : {
            value :6
        }
    }
}


tree(tree11);

看着挺长，但是核心代码是只有前两个function，这是通过递归进行实现的中序便利二叉树；

如果是后序或者前序，那么就把tree的顺序换一下；

---

广度优先便利

树的广度遍历需要一层一层的，去看了各位大佬的文章，有通过队列去实现的；

js有一个queue的数据结构，内部也是通过数组去实现的，主要有这么几个方法：

let que=new queue();
que.enqueue(element);   //入队
que.dequeue();          //出队
que.size();             //返回队列的长度
que.isempty();          //判断是否为空
que.front();            //检查队头元素

广度优先遍历代码实现如下

等会再写

function PrintFromTopToBottom(root)
{
    const res=[];
    const stack=[root];
    if(!root) return res;
    while(stack.length){
        const node = stack.shift();
        if(node.left) stack.push(node.left);
        if(node.right) stack.push(node.right);
        res.push(node.val);
    }
    return res;
}

        //广度优先遍历（队列）
        function widthTraversal(root){
            let q = new Queue();
            q.enQueue(root);
            let k = [];
            while(!q.isEmpty()){
                root = q.front();
                k.push(root.data);
                q.deQueue();
                if(root.left != null) q.enQueue(root.left);
                if(root.right != null) q.enQueue(root.right);
            }
            return k;
        }