<!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. 单文件快速体验使用react输出hello_world

    看了下react官方的hello world教程, 感觉对新手很不友好.codepen虽然好用, 但是封装太多东西, 看起来 太抽象. 还是喜欢像学习jQuery那样, 直接在单文件中引入必要的js文 ...

  2. matlab出错及改正

    1 使用小波分析时,出现下面错误: 错误使用 wavedec需要的 X 应为 矢量.出错 wavedec (line 34)validateattributes(x,{'numeric'},{'vec ...

  3. MySQL 多表查询（Day43）

    阅读目录 一,介绍 二,多表连接查询 三,符合条件链接查询 四,子查询 五,综合练习 ========================================================= ...

  4. 94. Binary Tree Inorder Traversal（二叉树中序遍历）

      Given a binary tree, return the inorder traversal of its nodes' values. For example:Given binary t ...

  5. HackerRank - journey-to-the-moon 【并查集】

    HackerRank - journey-to-the-moon [并查集] 题意 有很多不同的宇航员,有些宇航员来自同一个国家,有些宇航员来自不同的国家,然后美国航天局想要选出两名来自不同国家的宇航 ...

  6. POJ 2253 Frogger （Dijkstra变型)

    题意:求点1到点2的路径中,权值最大的那条边,其最小值是多少. 分析:最大值最小化.可以将迪杰斯特拉模板中的松弛操作加以修改,在O(n^2)的时间内解决该问题.其中需要注意的是,dist[i]指的是: ...

  7. 自动化测试管理平台ATMS(V1.0.1_7.29)下载

    自动化测试管理平台ATMS(V1.0.1_7.29)下载http://automationqa.com/forum.php?mod=viewthread&tid=2582&fromui ...

  8. NGUI 3.50 UIButton使用

    在NGUI,3.X的版本中,取消了创建UIbutton这个选项,所以我们可以创建uisprite.uilabel等,然后在上面附加uibutton脚本,达到目的,具体步骤 1:在界面上键好2D或3D ...

  9. [MySQL] 实现树形的遍历（关于多级菜单栏以及多级上下部门的查询问题）

    前言:         关于多级别菜单栏或者权限系统中部门上下级的树形遍历,oracle中有connect by来实现,MySQL没有这样的便捷途径,所以MySQL遍历数据表是我们经常会遇到的头痛问题 ...

  10. addEventListener和attachEvent介绍, 原生js和jquery的兼容性写法

    也许很多同仁一听到事件监听,第一想到的就是原生js的 addEventListener()事件,的确如此,当然如果只是适用于现代浏览器(IE9.10.11 | ff, chorme, safari, ...