<!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. CoreThink开发（十一）首页控制器判断移动设备还是PC并做相应处理

    在home模块Index控制器添加判断代码 application\Home\Controller\IndexController.class.php <?php // +----------- ...

  2. go——基本构成要素

    Go的语言符号又称为词法元素,共包括5类内容: 标识符(identifier) 关键字(keyword) 字面量(literal) 分隔符(delimiter) 操作符(operator)它们可以组成 ...

  3. scc

    CSS简介 CSS介绍 CSS(cascading style sheet,层叠样式表)是一种制作网页的新技术,现在已经为大多数浏览器所支持,成为网页设计必不可少的工具之一 CSS语法 CSS实例 每 ...

  4. spring和spirngmvc整合

    <!-- 需要进行 Spring 整合 SpringMVC 吗 ? 还是否需要再加入 Spring 的 IOC 容器 ? 是否需要再 web.xml 文件中配置启动 Spring IOC 容器的 ...

  5. Python 字符串连接问题归结

    一.概述 Python 字符串连接场景较为普遍.由于编者对 Java 等语言较为熟悉,常常将两者语法混淆. 加之,Python 语法较为灵活.例如,单单实现字符串连接,就有数种方法.在此,一并归结! ...

  6. Kotlin学习记录3

    参考我的博客:http://www.isedwardtang.com/2017/09/04/kotlin-primer-3/

  7. js获取iframe和父级之间元素，方法、属，获取iframe的高度自适应iframe高度

    摘自:http://blog.csdn.net/kongjiea/article/details/38870399 1.在父页面 获取iframe子页面的元素 (在同域的情况下 且在http://下测 ...

  8. 如何选择合适的MySQL数据类型

    一.MySQL数据类型选择原则 更小的通常更好:一般情况下选择可以正确存储数据的最小数据类型.越小的数据类型通常更快,占用磁盘,内存和CPU缓存更小. 简单就好:简单的数据类型的操作通常需要更少的CP ...

  9. SpringBoot和Mycat动态数据源项目整合

    SpringBoot项目整合动态数据源(读写分离) 1.配置多个数据源,根据业务需求访问不同的数据,指定对应的策略:增加,删除,修改操作访问对应数据,查询访问对应数据,不同数据库做好的数据一致性的处理 ...

  10. CSS + Jquery

    关于 position 1.父视图通过设置relative   子视图设置absolute ,这样可以相当于父视图来设置. 2.relative 不脱离文本流 位置还保留着 3.absolute 脱离 ...