当前位置:首页 > JavaScript

js 实现二叉树

2026-03-01 07:55:57JavaScript

实现二叉树的基本结构

在 JavaScript 中,二叉树可以通过对象或类实现。每个节点包含 valueleft(左子树)和 right(右子树)属性。

class TreeNode {
  constructor(value) {
    this.value = value;
    this.left = null;
    this.right = null;
  }
}

创建二叉树实例

通过实例化节点并手动连接左右子树,构建一个简单的二叉树:

const root = new TreeNode(1);
root.left = new TreeNode(2);
root.right = new TreeNode(3);
root.left.left = new TreeNode(4);
root.left.right = new TreeNode(5);

二叉树的遍历方法

前序遍历(根 -> 左 -> 右)

递归实现:

function preorderTraversal(node) {
  if (!node) return [];
  return [
    node.value,
    ...preorderTraversal(node.left),
    ...preorderTraversal(node.right),
  ];
}
console.log(preorderTraversal(root)); // [1, 2, 4, 5, 3]

中序遍历(左 -> 根 -> 右)

递归实现:

function inorderTraversal(node) {
  if (!node) return [];
  return [
    ...inorderTraversal(node.left),
    node.value,
    ...inorderTraversal(node.right),
  ];
}
console.log(inorderTraversal(root)); // [4, 2, 5, 1, 3]

后序遍历(左 -> 右 -> 根)

递归实现:

function postorderTraversal(node) {
  if (!node) return [];
  return [
    ...postorderTraversal(node.left),
    ...postorderTraversal(node.right),
    node.value,
  ];
}
console.log(postorderTraversal(root)); // [4, 5, 2, 3, 1]

层序遍历(广度优先)

使用队列实现按层级遍历:

function levelOrderTraversal(root) {
  if (!root) return [];
  const queue = [root];
  const result = [];
  while (queue.length) {
    const node = queue.shift();
    result.push(node.value);
    if (node.left) queue.push(node.left);
    if (node.right) queue.push(node.right);
  }
  return result;
}
console.log(levelOrderTraversal(root)); // [1, 2, 3, 4, 5]

二叉树插入节点

根据特定规则(如二叉搜索树的有序性)插入新节点:

function insertBST(root, value) {
  if (!root) return new TreeNode(value);
  if (value < root.value) {
    root.left = insertBST(root.left, value);
  } else {
    root.right = insertBST(root.right, value);
  }
  return root;
}

查找节点

在二叉搜索树中查找特定值:

js 实现二叉树

function searchBST(root, value) {
  if (!root) return null;
  if (root.value === value) return root;
  if (value < root.value) return searchBST(root.left, value);
  return searchBST(root.right, value);
}

标签: 二叉树js
分享给朋友:

相关文章

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 使用JavaScript实现拖拽功能需要监听鼠标事件,包括mousedown、mousemove和mouseup。以下是实现的基本逻辑: const draggableEleme…

js实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.j…

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClipb…

js类实现

js类实现

使用类实现 JavaScript 功能 在 JavaScript 中,类(Class)是一种语法糖,基于原型继承机制。通过 class 关键字可以更直观地定义对象模板。 基本类定义 class…

js验证码的实现

js验证码的实现

验证码的基本实现原理 验证码(CAPTCHA)的核心目标是区分人类用户和自动化程序。JavaScript可用于生成或验证客户端验证码,但需注意纯前端验证可能被绕过,通常需结合后端验证。 纯前端验证码…

js实现菜单

js实现菜单

实现基本HTML结构 使用HTML创建菜单的基本框架,通常包含<ul>和<li>元素。示例结构如下: <ul id="menu"> <li><…