欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript实现二叉搜索树

程序员文章站 2022-05-23 12:12:47
在使用javascript实现基本的数据结构中,练习了好几周,对基本的数据结构如 栈、队列、链表、集合、哈希表、树、图等内容进行了总结并且写了笔记和代码。 在 github中可以看到 点击查看,可以关注一下我哈。 树的基本术语 二叉树节点的存储结构 创建一个二叉搜索树 二叉树的先序、中序、后续遍历算 ......

在使用javascript实现基本的数据结构中,练习了好几周,对基本的数据结构如 栈、队列、链表、集合、哈希表、树、图等内容进行了总结并且写了笔记和代码。

在 github中可以看到  点击查看,可以关注一下我哈。

 

 

 

 

文章对树了解的不多的人有点不友好,这里简单介绍(从书上抄下来)那些基本的一点概念吧。

 

看下面这个示意图

javascript实现二叉搜索树

 

 

 

树的基本术语:

结点:a、b、c等都是结点,结点不仅包含数据元素,而且包含指向子树的分支。例如,a结点不仅包含数据元素a、还包含3个指向子树的指针。

结点的度:结点拥有的子树个数或者分支的个数,例如a结点有3棵子树,所以a结点的度为3.

树的度:树中各结点度的最大值。如例子中结点度最大为3(a、d结点)。最小为0(f、g、i、j、k、l、m),所以树的度为3。

叶子节点:又叫做终端节点,指度为0的节点,f、g、i、j、k、l、m节点都是叶子节点。

孩子:结点的子树的根,如a节点的孩子为b、c、d。

双亲:与孩子的定义对应,如b c d结点的双亲都是a。

兄弟:同一个双亲的孩子之间互为兄弟。如b、c、d互为兄弟,因为它们都是a节点的孩子。

祖先:从根到某节点的路径上的所有结点,都是这个节点的祖先。如k的祖先是a b e,因为从a到k的路径为 a---b---e--k。

子孙: 以某节点为根的子树中的所有结点,都是该结点的子孙。如d的子孙为h i j m。

层次:从根开始,根为第一层,根的孩子为第二层,根的孩子的孩子为第三层,以此类推。

树的高度(或者深度):树中结点的最大层次,如例子中的树共有4层,所以高度为4.

 

理解了上面的树一些基本一些的概念后,我们来看一下什么是二叉树。

1)每个结点最多只有两棵子树,即二叉树中的节点的度只能为0、1、2

2) 子树有左右之分,不能颠倒。

 

以下二叉树的5中基本状态

javascript实现二叉搜索树

 

 

构造一个二叉树的节点存储结构

我们会发现,二叉树中的存储结构一个是值,一个是左边有一个,右边有一个。他们分别叫左孩子/左子树  右孩子/右子树。

所以我们会很容易的写出来一个节点的构造函数。

1 // 树的结构
2 class btnode {
3   constructor() {
4     this.key = key;
5     this.lchild = null;
6     this.rchild = null;
7   }
8 }

 

实现一个二叉搜索树 / 二叉排序树

看一下定义

二叉排序树或者是空树,或者是满足以下性质的二叉树。

1) 若它的左子树不空,则左子树上的所有关键字的值均小于根关键字的值。

2)若它的右子树不空,则右子树上所有关键字的值均大于根关键字的值。

3)左右子树又是一棵二叉排序树。

 

举个例子

假如要插入一堆数字,数字为 20 10 5 15 13 18 17 30

javascript实现二叉搜索树

 

 

javascript实现二叉搜索树

 

javascript实现二叉搜索树

 

 那么用代码如何实现呢?

 1 let bst = (function () {
 2 
 3   let root = symbol();
 4 
 5   // 节点结构
 6   let btnode = class {
 7     constructor(key) {
 8       this.key = key;
 9       this.lchild = null;
10       this.rchild = null;
11     }
12   }
13 
14   // 递归插入节点
15   let recursioninsert = function (root, node) {
16     if (node.key < root.key) {
17       if (root.lchild) {
18         recursioninsert(root.lchild, node);
19       } else {
20         root.lchild = node;
21       }
22     } else {
23       if (root.rchild) {
24         recursioninsert(root.rchild, node);
25       } else {
26         root.rchild = node;
27       }
28     }
29   }
30 
31   // 二叉搜索树类
32   return class {
33     constructor() {
34       this[root] = null;
35     }
36 
37     // 插入
38     insert(key) {
39       let node = new btnode(key);
40       let root = this[root];
41       if (!root) {
42         this[root] = node;
43         return;
44       }
45       // 递归插入
46       recursioninsert(root, node);
47     }
48   }
49 
50 })();
51 
52 
53 let bst = new bst();
54 
55 
56 bst.insert(20);
57 bst.insert(10);
58 bst.insert(5);
59 bst.insert(15);
60 bst.insert(13);
61 bst.insert(18);
62 bst.insert(17);
63 bst.insert(30);
64 
65 console.log(bst);

 

 在浏览器中一层一层的展开看看是否和我们的一样。

 javascript实现二叉搜索树

二叉树的遍历算法 

二叉树的遍历算法,二叉树的遍历就是按照某种规则将二叉树中的所有数据都访问一遍。

二叉树的遍历方式有先序遍历、中序遍历、后续遍历和层次遍历,很多算法都是基于这几种遍历方式衍生出来的。

递归方式的具体的代码实现

  1 let bst = (function () {
  2 
  3   let root = symbol();
  4 
  5   // 节点结构
  6   let btnode = class {
  7     constructor(key) {
  8       this.key = key;
  9       this.lchild = null;
 10       this.rchild = null;
 11     }
 12   }
 13 
 14   // 递归插入节点
 15   let recursioninsert = function (root, node) {
 16     if (node.key < root.key) {
 17       if (root.lchild) {
 18         recursioninsert(root.lchild, node);
 19       } else {
 20         root.lchild = node;
 21       }
 22     } else {
 23       if (root.rchild) {
 24         recursioninsert(root.rchild, node);
 25       } else {
 26         root.rchild = node;
 27       }
 28     }
 29   };
 30 
 31   // 用于中序遍历二叉树的方法
 32   let inordertraversal = function (root, arr) {
 33     if (!root) return;
 34     inordertraversal(root.lchild, arr);
 35     arr.push(root.key);
 36     inordertraversal(root.rchild, arr);
 37   };
 38 
 39   // 用于先序遍历的递归函数
 40   let preordertraversal = function (root, arr) {
 41     if (!root) return;
 42     arr.push(root.key);
 43     preordertraversal(root.lchild, arr);
 44     preordertraversal(root.rchild, arr);
 45   };
 46 
 47   // 用于后续遍历的递归函数
 48   let lastordertraversal = function (root, arr) {
 49     if (!root) return;
 50     lastordertraversal(root.lchild, arr);
 51     lastordertraversal(root.rchild, arr);
 52     arr.push(root.key);
 53   };
 54 
 55   // 二叉搜索树类
 56   return class {
 57     constructor() {
 58       this[root] = null;
 59     }
 60 
 61     // 插入
 62     insert(key) {
 63       let node = new btnode(key);
 64       let root = this[root];
 65       if (!root) {
 66         this[root] = node;
 67         return;
 68       }
 69       // 递归插入
 70       recursioninsert(root, node);
 71     }
 72 
 73 
 74     // 中序遍历二叉树
 75     inordertraversal() {
 76       let arr = [];
 77       inordertraversal(this[root], arr);
 78       return arr;
 79     }
 80 
 81     // 先序遍历二叉树
 82     preordertraversal() {
 83       let arr = [];
 84       preordertraversal(this[root], arr);
 85       return arr;
 86     }
 87 
 88     // 后续遍历
 89     lastordertraversal() {
 90       let arr = [];
 91       lastordertraversal(this[root], arr);
 92       return arr;
 93     }
 94   }
 95 
 96 })();
 97 
 98 
 99 let bst = new bst();
100 
101 bst.insert(20);
102 bst.insert(15);
103 bst.insert(7);
104 bst.insert(40);
105 bst.insert(30);
106 bst.insert(45);
107 bst.insert(50);
108 
109 
110 console.log(bst);
111 
112 
113 let a = bst.inordertraversal();
114 let b = bst.preordertraversal();
115 let c = bst.lastordertraversal();
116 
117 console.log(a);
118 console.log(b);
119 console.log(c);

 

广度优先遍历

// 广度优先遍历
breadthrirstsearch() {
    // 初始化用于广度优先遍历的队列
    let queue = new queue();
    console.log('根节点', this[root]);

    let arr = [];
    let root = this[root];
    if (!root) return;

    queue.enqueue(root);

    while (queue.size()) {
        let queuefirst = queue.dequeue();
        arr.push(queuefirst.key);
        queuefirst.lchild && queue.enqueue(queuefirst.lchild);
        queuefirst.rchild && queue.enqueue(queuefirst.rchild);
    }

    return arr;
}

 

 

二叉树遍历算法的改进

上面介绍的二傻叔的深度优先遍历算法都是用递归函数实现的,这是很低效的,原因就在于系统帮你调用了一个栈并做了诸如保护现场和恢复现场等复杂的操作,才使得遍历可以用非常简洁的代码实现。

有的人可能会想到,关于二叉树深度优先遍历算法的非递归实现和递归实现,一个是用户自己定义栈,一个是系统栈,为什么用户自己定义的栈要比系统栈执行高效?
一个较为通俗的解释是:递归函数所申请的系统栈,是一个所有递归函数都通用的栈,对于二叉树深度优先遍历算法,系统栈除了记录访问过的节点信息之外,还有其他信息需要记录,以实现函数的递归调用,用户自己定义的栈仅保存了遍历所需的节点信息,是对遍历算法的一个针对性的设计,对于遍历算法来说,显然要比递归函数通用的系统栈更高,也就是一般情况下,专业的要比通用的要好一些。


然而在实际应用中不是这样的,如尾递归在很多机器上都会被优化为循环,因此递归函数不一定就比非递归函数执行效率低。

 

栈数据结构,满足后进先出的规则用来辅佐我们遍历

// 栈结构 用来辅助非递归遍历
class stack {
  constructor() {
    this.items = [];
  }
  push(data) {
    this.items.push(data);
  }
  pop() {
    return this.items.pop();
  }
  peek() {
    return this.items[this.items.length - 1];
  }
  size() {
    return this.items.length;
  }
}

非递归的先序遍历

preordertraversal() {
    console.log('先序遍历');
    let root = this[root];
    // 初始化辅助遍历存储的栈
    let stack = new stack();

    let arr = []; // 用于存储先序遍历的顺序

    stack.push(root);

    // 如果栈不为空 则一直走
    while (stack.size()) {
        let stacktop = stack.pop();

        // 访问栈顶元素
        arr.push(stacktop.key);
        stacktop.rchild && stack.push(stacktop.rchild);
        stacktop.lchild && stack.push(stacktop.lchild);
    }

    return arr;
}

 

 非递归的中序排序

// 中序遍历二叉树
inordertraversal() {
    // 初始化用于辅助排序的栈
    let stack = new stack;

    let p = null; // 用于指向当前遍历到的元素
    let arr = []; // 用户记录排序的顺序
    p = this[root];

    while (stack.size() || p !== null) {
        while (p !== null) {
            stack.push(p);
            p = p.lchild;
        }

        // 如果栈不为空 出栈
        if (stack.size()) {
            p = stack.pop();
            arr.push(p.key);
            p = p.rchild;
        }
    }
    return arr;
}

非递归的后序排序

// 中序遍历二叉树
inordertraversal() {
    // 初始化用于辅助排序的栈
    let stack = new stack;

    let p = null; // 用于指向当前遍历到的元素
    let arr = []; // 用户记录排序的顺序
    p = this[root];

    while (stack.size() || p !== null) {
        while (p !== null) {
            stack.push(p);
            p = p.lchild;
        }

        // 如果栈不为空 出栈
        if (stack.size()) {
            p = stack.pop();
            arr.push(p.key);
            p = p.rchild;
        }
    }
    return arr;
}

 

 

 想一下,如果我们的插入顺序第一个数非常大,然后后面的数字都是越来越小的会有什么问题产生呢?

javascript实现二叉搜索树

 

下一篇文章讲述这种问题的一个解决方案,平衡二叉树。