当前位置:首页 > 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;
}

查找节点

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

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实现拖拽

js实现拖拽

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

js实现复制功能

js实现复制功能

使用 document.execCommand 方法 这种方法适用于较旧的浏览器,但在现代浏览器中可能被逐步淘汰。通过创建一个临时的 textarea 元素,将文本内容放入其中,然后执行复制命令。…

js实现变形

js实现变形

使用 CSS 和 JavaScript 实现元素变形 在 JavaScript 中实现变形效果通常结合 CSS 的 transform 属性,通过动态修改该属性实现元素的旋转、缩放、倾斜或平移。…

链表实现js

链表实现js

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和一个指向下一个节点的指针(单向链表)或两个指针(双向链表)。与数组不同,链表在内存中非连续存储,插入和删除操作更高效,但随机…

js实现图片

js实现图片

图片加载与显示 在JavaScript中,可以通过Image对象动态加载图片。创建实例后设置src属性触发加载,通过onload回调处理加载完成后的操作: const img = new Im…

js实现文字滚动

js实现文字滚动

实现文字滚动的几种方法 使用CSS动画实现滚动 通过CSS的@keyframes和transform属性可以实现平滑的文字滚动效果。 <style> .scroll-text { w…