<!DOCTYPE html>

<html>

<body>

<canvas id="myCanvas" width="2000" height="1000"

style="border:1px solid #c3c3c3;">

Your browser does not support the HTML5 canvas tag.

</canvas>

<img id='a'/>

<script type="text/javascript">

 //基本二叉树的实现

function BT(){

  this.root=null;

  //首先 弄一个 节点类, 生成树节点

  this.Node=function(e){

    this.value=e;

    this.left=null;

    this.right=null;

  }

  //添加元素 ,  添加元素的位置和 添加顺序是有关的, 先添加的先成为上级树枝, 后面来的只能往下面塞了

  this.insert=function(e){

    e = new this.Node(e);

    if(this.root==null){

      this.root=e;

    }else{

      //从根节点开始 对比 新节点  查找

      TEM = this.root;

      recursiveAdd( TEM, e );

    }

    /**

      二叉树  左叶子的值需要比 根节点的值小, 右边比根节点大

     **/

    function recursiveAdd(tem,e){

      //比较现有树根 和 新根 的值

      if(e.value < tem.value){

        //没有

        if(tem.left==null){

          tem.left=e;

        }else{
　　　　   //移动指针， 从跟节点 到 左节点，

          tem=tem.left;

          return recursiveAdd(tem,e);

        }

      }else{

        if(tem.right==null){

          tem.right=e;

        }else{

          tem=tem.right;

          return recursiveAdd(tem,e);

        }

      }

    }

    return this.root;

  }

    //****************************************  查找元素

  this.find=function(e){

    function recursiveFind(tem,e){

      if(tem.value==e.value){

        console.log(tem);

        return tem;

      }else{

        if(e.value<tem.value){

          tem=tem.left;

          recursiveFind(tem,e)

        }else{

            if(e.value>tem.value){

              tem=tem.right;

              recursiveFind(tem,e)

            }

         }

       }

    }

    e=new this.Node(e);

    if(this.root==null){

        return;

    }else{

      TEM=this.root;

      recursiveFind(TEM,e);

    }

  }

  //删除元素

  this.delete=function(e){

    e=new this.Node(e);

    if(this.root==e){

      this.root=null;

    }else{

      TEM=this.root;

      recursiveDelete(TEM,e);

    }

    function recursiveDelete(tem,e){

      if(e.value<tem.value){

        if(tem.left==null){

        return;

        }else{

        if(tem.left.value==e.value){

        tem.left=null;

        return;

        }else{

          tem=tem.left;

          recursiveDelete(tem,e)

        }

        }

      }else{

        if(e.value>tem.value){

          if(tem.right==null){

            return;

          }else{

              if(tem.right.value==e.value){

                //删除了这个 跟 下的所有 节点, 就像 砍掉了一颗树枝

                tem.right=null;

                return;

              }else{

                tem=tem.right;

                recursiveDelete(tem,e)

              }

          }

      }

    }

  }

  }

}

var obj = new BT();

console.time('insertTest');

obj.insert(55);

obj.insert(44);

obj.insert(33);

obj.insert(22);

obj.insert(66);

obj.insert(77);

obj.insert(88);

obj.insert(60);

obj.insert(58);

obj.insert(63);

obj.insert(57);

obj.insert(56);

obj.insert(23);

console.dir( obj )

console.timeEnd('insertTest');

console.time('findTest');

obj.find(63);

console.timeEnd('findTest');

console.time('deleteTest');

obj.delete(57);

console.timeEnd('deleteTest');

</script>

</body>

</html>

用js　创建　　简单查找　删除　二叉树的更多相关文章

  1. node.js创建简单服务测试请求数据

    工具:安装node: 1,创建文件夹 server, 2 ,在server文件夹下分别创建server.js 和 package.json 文件 3,server.js 代码: var express ...

  2. js 创建简单的表单同步验证器

    SyncValidate declare const uni: any; export interface SyncValidateOpt { [key: string]: SyncValidateF ...

  3. 创建node.js一个简单的应用实例

    在node.exe所在目录下,创建一个叫 server.js 的文件,并写入以下代码: //使用 require 指令来载入 http 模块 var http = require("http ...

  4. 手写面试编程题- 数组去重 深拷贝 获取文本节点 设置奇数偶数背景色 JS中检测变量为string类型的方法 第6题闭包 将两个数组合并为一个数组 怎样添加、移除、移动、复制、创建和查找节点？ 继承 对一个数组实现随机排序 让元素水平 垂直居中的三种方式 通过jQuery的extend方法实现深拷贝

    第1题==>实现数组去重 通过 new Set(数组名) // var arr = [12, 12, 3, 4, 5, 4, 5, 6, 6]; // var newarr1 = new Set ...

  5. JS创建类的方法--简单易懂有实例

    版权声明:本文为博主原创文章,转载请注明出处 Javascript是一种基于对象的语言,你遇到的所有东西几乎都是对象.但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有Class. ...

  6. JS中的DOM操作怎样添加、移除、移动、复制、创建和查找节点

    DOM操作怎样添加.移除.移动.复制.创建和查找节点? (1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元 ...

  7. JS的简单用法

    JS的简单用法 参考:http://www.w3school.com.cn/js/js_switch.asp JavaScript 是网络的脚本语言 JavaScript 是可插入 HTML 页面的编 ...

  8. 用Backbone.js创建一个联系人管理系统(五)

    原文: Build a Contacts Manager Using Backbone.js: Part 5 这是这系列教程最后一部分了. 之前所有的增删改都在前端完成. 这部分我们要把Contact ...

  9. 使用three.js创建3D机房模型-分享一

    序:前段时间公司一次研讨会上,一市场部同事展现了同行业其他公司的3D机房,我司领导觉得这个可以研究研究,为了节约成本,我们在网上大量检索,最后找到一位前辈的博文[TWaver的技术博客],在那篇博文的 ...

  10. django初探-创建简单的博客系统(二)

    上篇django初探-创建简单的博客系统(一)已经记录了Django实现博客的发布的整个过程,接下来继续说明博客标题和内容的显示. 显示博客详细 将博客内容保存到数据库还不是发布博客的终极目的,博客一 ...

随机推荐

  1. 关于\r和\n的区别

    回车和换行来源 在计算机还没有出现之前,有一种叫做电传打字机(Teletype Model 33)的玩意,每秒钟可以打10个字符.但是它有一个问题,就是打完一行换行的时候,要用去0.2秒,正好可以打两 ...

  2. python安装virtualenv

    pip install virtualenv 为了使用更方便用,安装另外一个,windows下要-win,linux下不用 pip install virtualenvwrapper-win 使用方法 ...

  3. 使用哈工大LTP进行句法分析

    作者注:本教程旨在对哈工大LTP在github上的LTP4J(LTP的java版本)教程的补充,请结合以下参考网站一起食用. 参考网站: [1]哈工大语言技术平台云官网--LTP使用文档 http:/ ...

  4. beego——模板语法

    一.基本语法 go统一使用{{和}}作为左右标签,没有其它的标签符号. 使用"."来访问当前位置的上下文,使用"$"来引用当前模板根级的上下文,使用$var来访 ...

  5. PAT 天梯赛 L1-048. 矩阵A乘以B 【数学】

    题目链接 https://www.patest.cn/contests/gplt/L1-048 题意 给出两个矩阵,先判断两个矩阵能不能相乘,如果可以,就输出相乘 结果,如果不行 则按格式输出erro ...

  6. html 基础 超链接

    ***设置超链接的样式示例  a:link 超链接被点前状态 a:visited 超链接点击后状态 a:hover 悬停在超链接时 a:active 点击超链接时 在定义这些状态时,有一个顺序l v ...

  7. java调用ffmpeg命令行推流遇到的问题

    1.Java调用命令行,如果没有额外环境变量,不指定工作路径,Runtime有两个方法 public Process exec(String command) public Process exec( ...

  8. Mysql5.7 用户与授权

    mysql -uroot -proot MySQL5.7 mysql.user表没有password字段改 authentication_string: 一. 创建用户: 命令:CREATE USER ...

  9. QT5.6.0 鼠标支持

    QT5用QPA换了QWS之后,USB鼠标就不知道怎么支持,网上搜啊搜,各种尝试,终于可以了. export TSLIB_ROOT=/mnt/sdcard/tslib export TSLIB_PLUG ...

  10. 20162326 《Java程序设计》第3周学习总结

    20162326 <Java程序设计>第3周学习总结 教材学习内容总结 这周我通过课堂学习了VIM的列编辑crtl+v,shift+i shift+a·分别是左侧插入和右侧插入.还学习了使 ...