3.手写JavaScript前序中序后序递归遍历二叉树

一、核心思想

1.前序

本质是中左右,对每个结点执行中左右的操作,全部结点执行完毕后,返回结果

2.中序

本质是左中右,对每个结点执行左中右的操作,全部结点执行完毕后,返回结果

3.后序

本质是左右中,对每个结点执行左右中的操作,全部结点执行完毕后,返回结果

ps:注意初始值为空的情况

二、代码实现

1.前序

javascript 复制代码
let tree = {
  val: 1,
  leftChild: {
    val: 2,
    leftChild: {
      val: 3,
      leftChild: {
        val: 4,
      },
      rightChild: {
        val: 5,
      },
    },
    rightChild: {
      val: 6,
    },
  },
  rightChild: {
    val: 7,
    leftChild: {
      val: 8,
    },
    rightChild: {
      val: 9,
      leftChild: {
        val: 10,
      },
    },
  },
};
/**
 * 前序遍历二叉树
 * @param {Array} root 传入数组
 * @return {Array} list 返回深度遍历二叉树数组结果
 */
function preOrder(root){
  let list = []
  if (!root) {
    return []
  }
  function order(root){
    list.push(root.val)
    if (root.leftChild) {
      order(root.leftChild)
    }
    if (root.rightChild) {
      order(root.rightChild)
    }
  }
  order(root)
  return list
}
console.log(preOrder(tree))
// [
//   1, 2, 3, 4,  5,
//   6, 7, 8, 9, 10
// ]

2.中序

javascript 复制代码
let tree = {
  val: 1,
  leftChild: {
    val: 2,
    leftChild: {
      val: 3,
      leftChild: {
        val: 4,
      },
      rightChild: {
        val: 5,
      },
    },
    rightChild: {
      val: 6,
    },
  },
  rightChild: {
    val: 7,
    leftChild: {
      val: 8,
    },
    rightChild: {
      val: 9,
      leftChild: {
        val: 10,
      },
    },
  },
};
/**
 * 中序遍历二叉树
 * @param {Array} root 传入数组
 * @return {Array} list 返回深度遍历二叉树数组结果
 */
function midOrder(root){
  let list = []
  if (!root) {
    return []
  }
  function order(root){
    if (root.leftChild) {
      order(root.leftChild)
    }
    list.push(root.val)
    if (root.rightChild) {
      order(root.rightChild)
    }
  }
  order(root)
  return list
}
console.log(midOrder(tree))
// [
//   4, 3, 5,  2, 6,
//   1, 8, 7, 10, 9
// ]

3.后序

javascript 复制代码
let tree = {
  val: 1,
  leftChild: {
    val: 2,
    leftChild: {
      val: 3,
      leftChild: {
        val: 4,
      },
      rightChild: {
        val: 5,
      },
    },
    rightChild: {
      val: 6,
    },
  },
  rightChild: {
    val: 7,
    leftChild: {
      val: 8,
    },
    rightChild: {
      val: 9,
      leftChild: {
        val: 10,
      },
    },
  },
};
/**
 * 后序遍历二叉树
 * @param {Array} root 传入数组
 * @return {Array} list 返回深度遍历二叉树数组结果
 */
function afterOrder(root){
  let list = []
  if (!root) {
    return []
  }
  function order(root){
    if (root.leftChild) {
      order(root.leftChild)
    }
    if (root.rightChild) {
      order(root.rightChild)
    }
    list.push(root.val)
  }
  order(root)
  return list
}
console.log(afterOrder(tree))
// [
//   4,  5, 3, 6, 2,
//   8, 10, 9, 7, 1
// ]
相关推荐
静听山水2 分钟前
Redis核心数据结构-Set
数据结构·数据库·redis
小陈phd2 分钟前
多模态大模型学习笔记(二)——机器学习十大经典算法:一张表看懂分类 / 回归 / 聚类 / 降维
学习·算法·机器学习
@––––––3 分钟前
力扣hot100—系列4-贪心算法
算法·leetcode·贪心算法
不想秃头的程序员4 分钟前
Vue3 封装 Axios 实战:从基础到生产级,新手也能秒上手
前端·javascript·面试
CoovallyAIHub10 分钟前
让本地知识引导AI追踪社区变迁,让AI真正理解社会现象
深度学习·算法·计算机视觉
CoderCodingNo14 分钟前
【GESP】C++ 二级真题解析,[2025年12月]第一题环保能量球
开发语言·c++·算法
yumgpkpm14 分钟前
预测:2026年大数据软件+AI大模型的发展趋势
大数据·人工智能·算法·zookeeper·kafka·开源·cloudera
独好紫罗兰18 分钟前
对python的再认识-基于数据结构进行-a005-元组-CRUD
开发语言·数据结构·python
奔跑的web.22 分钟前
UniApp 路由导航守
前端·javascript·uni-app
CoovallyAIHub29 分钟前
AAAI 2026这篇杰出论文说了什么?用LLM给CLIP换了个“聪明大脑”
深度学习·算法·计算机视觉