JS桶排序的简单理解与实现方法示例


Posted in Javascript onNovember 25, 2019

本文实例讲述了JS桶排序的简单理解与实现方法。分享给大家供大家参考,具体如下:

桶排序,利用编号分组存储数字,再利用编号合并分组的一种算法排序。

举个易于理解的例子:

一组数字,9,3,4,0,2,8,5,1,7,6,11,10,18,15,17,12,16,13,19,14

我们把这组数字分组编号成10个桶装起来,但怎么编号分组呢?

这里我们利用数字范围来对数字进行分桶。首先,最大数减去最小数,获取这组数字的取值范围,然后,我们让这个取值范围除以桶数,获取一个桶的取值范围,既然知道一个桶的取值范围,那么,通过对比每个数字占用多少个桶,我们就可以获取这个数字所对应的桶的编号了。(换一句话说,就是每个数字占用多少个取值范围,这里的桶其实就是数字的取值范围的具体化东西)

利用上面的例子做解释:

上面的最大值是19,最小值是0,所以这组数的取值范围是:19-0=19。

我们要用10个桶来分装这组数字,则一个桶的取值范围是:19 / 10 = 1.9。

所以,一个桶的取值范围就是:1.9。

知道了这些之后,我们怎么知道每个数字所对应的桶的编号呢?

我们让每个数字减去最小值再除以一个桶的取值范围就可以获得这个数字所对应的桶编号了,为什么这么说呢?因为我们就是利用数值范围来分桶的,所以理所当然的也是获取每个数字的取值范围来分桶的编号,而最小值就是我们的取值标准,当然是要每个数字都减去它才能准确的获取每个数的取值范围了。

根据上面的解释,那么,第一个数字的桶编号就是:(9-0) / 1.9 = 4.7368·······

当然为了确保编号为整数,我们必须给编号取整,这里我们是向上取整,所以第一个数:9的桶编号就是5啦。

其他的数字获取桶编号都是同样的原理,这里就不再重复叙述了。

下面是js程序的实现:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title>桶排序</title>
  <meta name="keywords" content="关键字列表" />
  <meta name="description" content="网页描述" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css"></style>
  <script type="text/javascript">
  //桶排序,参数数组,桶的个数,这里用数组模拟桶
  var cask=function (arr,caskCount){
    //不是数组,返回false
    if(toString.call(arr) != '[object Array]'){
      return false;
    }
    //获取数组的长度
    var len = arr.length;
    if(len <=1){
      return arr;//长度小于等于1不用排序
    }
    var list  = [],//装桶的桶,用它来控制存储桶的编号
      result = [],//返回的结果
      max  = arr[0],
      min  = arr[0];
    //默认桶的个数为10
    var  caskCount = parseInt(caskCount) > 0 ? parseInt(caskCount) : 10;
    //获取数组的最大值和最小值
    for(var i=1;i<len-1;i++){
       max = arr[i] <= max ? max : arr[i] ; 
       min = arr[i] >= min ? min : arr[i] ; 
    }
    //分成caskCount个桶,桶所占用的范围
    var range = (max - min) / caskCount;
    for(var i=0;i<len;i++){
      //桶的数值减去最小数 min 获取的是桶占用的范围,再除以一个桶的范围,就是获取对应的桶编号
      var index = Math.floor((arr[i] - min) / range);
      //桶里是否有值,有值则进行排序
      if(list[index]){//用数组模拟桶
        //获取桶最后一个值的下标 
        var k=list[index].length - 1;
        //桶最后的值大于要插进来的值,所以要把这个值插到桶的前面去,但不知道这个值要插入到前面的哪个位置,所以,就只能对比排序了
          //对桶进行排序
          while(k >=0 && list[index][k] > arr[i]){
            //桶前面的数字放到后面去
            list[index][k+1] = list[index][k];//第一个k+1为新增的桶
            //小的提前一个位置
            //list[index][k] = arr[i];
            k--;
          }
        //不用排序的,直接加在桶的最后面
        list[index][k+1] = arr[i];
      }else{
      //没有值则生成桶,并把值放到对应的桶中
        list[index]=[];
        list[index][0]=arr[i];
      }
    }
    //合并桶
    var n=0;
    while(n <= caskCount){
      if(list[n]){
        result = result.concat(list[n]);
      }
      n++;
    }
    return result;
  }
  var arr=[8,39,400,500,3,4,20,44,440];
  alert(cask(arr,10));
  //alert(parseInt(-1) ? parseInt(-1) : 1);
  </script>
</head>
<body>
</body>
</html>

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
JAVASCRIPT IE 与 FF中兼容问题小结
Feb 18 Javascript
javascript在事件监听方面的兼容性小结
Apr 07 Javascript
innerHTML与jquery里的html()区别介绍
Oct 12 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
Jan 17 Javascript
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
Jul 29 Javascript
bootstrapValidator自定验证方法写法
Dec 01 Javascript
AngularJS 的$timeout服务示例代码
Sep 21 Javascript
React props和state属性的具体使用方法
Apr 12 Javascript
关于vue编译版本引入的问题的解决
Sep 17 Javascript
通过Kettle自定义jar包供javascript使用
Jan 29 Javascript
JavaScript交换两个变量方法实例
Nov 25 #Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
Nov 25 #Javascript
基于javascript实现贪吃蛇小游戏
Nov 25 #Javascript
JavaScript This指向问题详解
Nov 25 #Javascript
简单了解JavaScript sort方法
Nov 25 #Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 #Javascript
通过GASP让vue实现动态效果实例代码详解
Nov 24 #Javascript
You might like
随机头像PHP版
2006/10/09 PHP
同时提取多条新闻中的文本一例
2006/10/09 PHP
菜鸟学PHP之Smarty入门
2007/01/04 PHP
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
getJSON跨域SyntaxError问题分析
2014/08/07 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
php curl获取https页面内容,不直接输出返回结果的设置方法
2019/01/15 PHP
DWR Ext 加载数据
2009/03/22 Javascript
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
javascript 短路法代码精简
2009/08/20 Javascript
可简单避免的三个JS发布错误的详细介绍
2013/08/02 Javascript
JavaScript变量声明详解
2014/11/27 Javascript
js的toLowerCase方法用法实例
2015/01/27 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
深入理解Vue官方文档梳理之全局API
2017/11/22 Javascript
深入理解JavaScript 中的执行上下文和执行栈
2018/10/23 Javascript
Vue 幸运大转盘实现思路详解
2019/05/06 Javascript
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Python contextlib模块使用示例
2015/02/18 Python
python爬虫获取京东手机图片的图文教程
2017/12/29 Python
python查看列的唯一值方法
2018/07/17 Python
python版本五子棋的实现代码
2018/12/11 Python
python Pandas如何对数据集随机抽样
2019/07/29 Python
mac使用python识别图形验证码功能
2020/01/10 Python
树莓派升级python的具体步骤
2020/07/05 Python
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
C#里面如何判断一个Object是否是某种类型(如Boolean)?
2016/02/10 面试题
销售工作人员的自我评价分享
2013/11/10 职场文书
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
写给老婆的检讨书
2014/02/21 职场文书
求职信范文大全
2014/05/26 职场文书
教师个人自我剖析材料
2014/09/29 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
学前班语言教学计划
2015/01/20 职场文书
解决numpy数组互换两行及赋值的问题
2021/04/17 Python