javascript中的二叉树一(binary tree)

  毕业也快2年了,毕业之后就没有认真写过博客了,都是那里学习一下,这里弄一下。学习了也不做笔记,过后就忘记了。我对这种状态打从心里是讨厌的。

  进入正题,今天的笔记是记录javascript二叉树的学习,是非常基本的知识加上一些自己的认识。适合想了解javascript二叉树的萌新,大神请绕路走,当然如果发现有什么理解上的错误,还望不吝赐教。

                                  ===================漂亮的分割线===================

  首先说下我对二叉树的理解:

    1,二叉树是由一系列有规则的节点构成

    2,二叉树每一个节点可以看成为对象,必有key(节点值),可以有left(节点),right(节点)这三个属性

    3,每个节点的left节点的key必定小于当前key值

    4,每个节点的right节点的key必定大于当前的key值

  那么假如我们要把一个数组构成二叉树,需要哪些代码?很简单,记住上面的几点,我们来一步一步把数组变成二叉树形式

  

  一,

    1,二叉树是由一系列有规则的节点构成,

       2,二叉树每一个节点可以看成为对象,必有key(节点值),可以有left(节点),right(节点)这三个属性

    思考: 数组的每一个值将变成二叉树的节点(先不管这个节点怎么排序),那么我们在循环数组的时候,是不是都要处理下?

    答: 我定义下面一个类,到时候就可以依次实例化为节点了。看下好不好理解...

//节点类
class Node {
constructor(key) {
this.left = null
this.right = null
this.key = key
}
}

进一步解释: 当循环数组的时候,就可以把每一个数组项,实例化为节点,类似这样new Node(数组Item)

  二,

    3,每个节点的left节点的key必定小于当前key值

    4,每个节点的right节点的key必定大于当前的key值

    这2点是生成二叉树的规则。那我们是不是应该有一个二叉树类呢?

    //二叉树类
class BinaryTree{ }

  思考: 二叉树类要哪些东西呢?补充类看下是不是应该这些

//二叉树类
class BinaryTree {
constructor() {
this.root = null //二叉树根节点
}
insert (key) { //插入节点的方法
}
}

解释: 每一个二叉树实例应该都有一个根节点,然后暴露一个可以插入节点的方法(先不管插入规则,后续讲解)

接下来就是重点了: 如何实现插入逻辑能实现上面3,4两点规则呢?

  第一点:我们要确定一个根节点,然后在根节点基础上实现二分法

  完善insert方法如下:

  

class BinaryTree {
constructor() {
this.root = null
}
insert (key) {
const newNode = new Node(key) // 这里也可以在数组那里执行,但这里可以避免多次实例操作
if (this.root === null) {
this.root = newNode
} else {
this.inOrderTraversNode(this.root, newNode)
}
}
inOrderTraversNode (node, newNode) {
}
}

解释:当调用insert方法的时候都先确定root的值,然后在根节点为入口进行二分。inOrderTraversNode方法就负责二分法。

思考: inOrderTraversNode方法怎么样实现二分法?

答: 该方法为一个递归方法。功能为:有2个参数,一个是当前已经存在的节点,后一个是要插入的新节点,就是把新节点插入到当前节点的正确的(左节点或者右节点)位置。

比如:当根节点确定之后,调用该方法插入一个新左节点,此时形成了2个节点的二叉树。此时若又一个左节点需要插入,我们就能可以递归调用该方法实现了。

//二叉树类
class BinaryTree {
constructor() {
this.root = null
}
insert (key) {
const newNode = new Node(key)
if (this.root === null) {
this.root = newNode
} else {
this.inOrderTraversNode(this.root, newNode)
}
}
inOrderTraversNode (node, newNode) {
if (newNode.key < node.key) { // 左插
if (node.left === null) {
node.left = newNode
}else{
this.inOrderTraversNode(node.left, newNode)
}
} else { // 右插
if (node.right === null) {
node.right = newNode
} else {
this.inOrderTraversNode(node.right, newNode)
}
}
}
}

所有代码在这里,可以好好理解下

const node = [8, 1, 3, 10, 12, 6, 13, 15, 18, 7]

//节点类
class Node {
constructor(key) {
this.left = null
this.right = null
this.key = key
}
} //二叉树类
class BinaryTree {
constructor() {
this.root = null
}
insert (key) {
const newNode = new Node(key)
if (this.root === null) {
this.root = newNode
} else {
this.inOrderTraversNode(this.root, newNode)
}
}
inOrderTraversNode (node, newNode) {
if (newNode.key < node.key) { // 左插
if (node.left === null) {
node.left = newNode
}else{
this.inOrderTraversNode(node.left, newNode)
}
} else { // 右插
if (node.right === null) {
node.right = newNode
} else {
this.inOrderTraversNode(node.right, newNode)
}
}
}
} const binaryTree = new BinaryTree()
node.map(function(item) {
binaryTree.insert(item)
}) console.log(binaryTree.root)

  

javascript二叉树的更多相关文章

  1. javascript - 二叉树

    都是些简单的东西,所以直接上代码了. /** * Created by huangjacky on 14-10-3. */ function Node(element, left, right) { ...

  2. javascript二叉树基本功能实现

    都是常用的功能. 删除是最复杂的.. <!DOCTYPE html> <html lang="en"> <head> <meta char ...

  3. javascript数据结构与算法-- 二叉树

    javascript数据结构与算法-- 二叉树 树是计算机科学中经常用到的一种数据结构.树是一种非线性的数据结构,以分成的方式存储数据,树被用来存储具有层级关系的数据,比如文件系统的文件,树还被用来存 ...

  4. 数据结构二叉树的递归与非递归遍历之java,javascript,php实现可编译(1)java

    前一段时间,学习数据结构的各种算法,概念不难理解,只是被C++的指针给弄的犯糊涂,于是用java,web,javascript,分别去实现数据结构的各种算法. 二叉树的遍历,本分享只是以二叉树中的先序 ...

  5. JavaScript 实现二叉树

    JavaScript 实现二叉树: // JavaScript 实现二叉树 function BinaryTree () { var Node = function (key) { this.key ...

  6. javascript数据结构与算法---二叉树(删除节点)

    javascript数据结构与算法---二叉树(删除节点) function Node(data,left,right) { this.data = data; this.left = left; t ...

  7. javascript数据结构与算法---二叉树(查找最小值、最大值、给定值)

    javascript数据结构与算法---二叉树(查找最小值.最大值.给定值) function Node(data,left,right) { this.data = data; this.left ...

  8. JavaScript实现二叉树算法

    二叉树的遍历方式 分别为中序遍历(左子树->当前节点->右子树).前序遍历(当前节点->左子树->右子树).后序遍历(左子树->右子树->当前节点).下面使用Jav ...

  9. javascript数据结构与算法--二叉树遍历(后序)

    javascript数据结构与算法--二叉树遍历(后序) 后序遍历先访问叶子节点,从左子树到右子树,再到根节点. /* *二叉树中,相对较小的值保存在左节点上,较大的值保存在右节点中 * * * */ ...

随机推荐

  1. spark日志+hivesql

    windows本地读取hive,需要在resource里面将集群中的hive-site.xml下载下来. <?xml version="1.0" encoding=" ...

  2. 2018icpc宁夏邀请赛网络赛_G_Trouble of Tyrant

    题意 一列\(n\)个点,给定一个特殊的图,有两种边\(E(1,i)\)和\(E(i-1,i)\),多个询问,每次给一个\(d\),求所有路径长度加上\(d\)后1到\(n\)的最短路. 分析 首先这 ...

  3. python 元类 MetaClass

    type() 动态语言和静态语言最大的不同,就是函数和类的定义,不是编译时定义的,而是运行时动态创建的. 比方说我们要定义一个Hello的class,就写一个hello.py模块: class Hel ...

  4. 手把手带你了解sass

    sass的使用 减少重复的工作 1.变量的声明: 是以$开头给变量命名; $height-color: #F30 2.变量的使用范围: 变量可以在多个地方存在,不一定限制在代码块中.但是如果定义在了代 ...

  5. layui ri laydate的常规使用,并且日期最大不能超过当前日期

    laydate的常规使用,分为两种方式实现日期组件 一.在 layui 模块中使用 下载layui   地址 :https://www.layui.com/  引入资源路径 js 和 css 通过下面 ...

  6. 第98:svd原理

    SVD分解:任何矩阵都可以分解成第一行的形式,3个相乘.UV都是正交矩阵,中间的是奇异值. 3个相乘的形式可以拆分.即奇异值*第一行*第一列.在相加. 奇异值有时很小,在这种情况下,丢掉,可以减少计算 ...

  7. ftp建立虚拟用户实现文件上传和下载

    环境 centos7 1.开启vsftpd服务 2.检查vsftpd服务是否开启 3.添加虚拟用户口令文件 vi etc/vsftpd/vuser.txt 4.生成虚拟用户口令认证文件 如果没有db_ ...

  8. 接口测试断言详解(Jmeter)

    接口测试是目前最主流的自动化测试手段,它向服务器发送请求,接收和解析响应结果,通过验证响应报文是否满足需求规约来验证系统逻辑正确性.接口的响应类型通过Content-Type指定,常见的响应类型有: ...

  9. zencart后台修改首页meta_title、meta_keywords、meta_description

    includes\languages\english\模板\meta_tags.php 首先,将meta_tags.php中常量HOME_PAGE_META_DESCRIPTION.HOME_PAGE ...

  10. libpng Cximage图片处理

    跨平台 开源 png图片处理 https://www.cnblogs.com/lidabo/p/6923426.html Cximage BIPro