js排序下篇（归并排序、计数排序、桶排序、基数排序、堆排序「请看后面的第二篇博客」）

最新推荐文章于 2024-10-18 17:51:23 发布
最新推荐文章于 2024-10-18 17:51:23 发布
阅读量332 收藏 4
点赞数 1
分类专栏： 排序算法 js算法 文章标签： javascript 算法 排序算法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34576748/article/details/103745024
版权

归并排序（递归法 - 自上而下）

归并排序(MergeSort)是创建在归并操作上的一种有效的排序算法，是采用分治法的一个典型应用。
归并操作指的是将两个已经排序的序列合并成一个序列的操作。有递归和迭代两种方法。

工作原理

递归法原理如下：
1．申请空间，使其大小为两个已经排序序列之和，该空间用来存放合并后的序列；
2．设定两个指针，最初位置分别为两个已经排序序列的起始位置；
3．比较两个指针所指向的元素，选择相对小的元素放入到合并空间，并移动指针到下一位置；
4．重复步骤3直到某一指针到达序列尾；
5．将另一序列剩下的所有元素直接复制到合并序列尾。

js代码实现 + 效率测试

运算10次，平均耗时40.14 ms

// 创建 20000 个随机数，数值范围：1 - 100000
let ary = [];
for (let i = 0; i < 20000; i++) {
  ary.push( Math.floor( Math.random()*99999 + 1 ) );
}

// 归并排序 - 递归
function mergeSortTopDown(arr) {
  if (arr.length < 2) return arr;
  let mid = Math.floor(arr.length / 2);
  let left = arr.slice(0, mid),
      right = arr.slice(mid);

  return _merge(mergeSortTopDown(left), mergeSortTopDown(right));
}

function _merge(left, right) {
  let result = [];

  while (left.length > 0 && right.length > 0) {
    if (left[0] <= right[0]) {
      result.push( left.shift() );
    }
    else {
      result.push( right.shift() );
    }
  }

  return result.concat(left).concat(right);
}

console.time( '归并排序 - 递归 - 自上而下' );
ary = mergeSortTopDown( ary );
console.timeEnd( '归并排序 - 递归 - 自上而下' );

归并排序（迭代法 - 自下而上）

归并排序(MergeSort)是创建在归并操作上的一种有效的排序算法，是采用分治法的一个典型应用。
归并操作指的是将两个已经排序的序列合并成一个序列的操作。有递归和迭代两种方法。

工作原理

迭代法原理如下：
1．将序列每对相邻两个数字进行归并操作，形成n/2个序列，排序后每个序列包含
一或两个元素；
2．若此时序列数不是1个则将上述序列再次归并，形成n／4个序列，每个序列包三或四个元素；
3．重复步骤2，直到所有元素排序完毕，即序列数为1。

js代码实现 + 效率测试

运算10次，平均耗时30.88 ms

// 创建 20000 个随机数，数值范围：1 - 100000
 let ary = [];
 for (let i = 0; i < 20000; i++) {
   ary.push( Math.floor( Math.random()*99999 + 1 ) );
 }

 // 归并排序 - 迭代 - 自下而上
 function mergeSortDownTop(arr) {
   function _merge(arr, leftStart, leftEnd, rightStart, rightEnd) {
     let leftArr = [], rightArr = [];
     for (let i = leftStart; i < leftEnd; i++) {
       leftArr.push( arr[i] );
     }
     
     for (let i = rightStart; i < rightEnd; i++) {
       rightArr.push( arr[i] );
     }

     leftArr.push( Infinity );
     rightArr.push( Infinity );

     let m = 0, n = 0;
     for (let i = leftStart; i < rightEnd; i++) {
       if (leftArr[m] <= rightArr[n]) {
         arr[i] = leftArr[m];
         m++;
       }
       else {
         arr[i] = rightArr[n];
         n++;
       }
     }
   }

   let step = 1, len = arr.length, left, right;
   while (step < len) {
     left = 0, right = step; // 初始化相邻两个区间的起始位置
     while (right + step < len) { // 如果足够两个当前 step 的完整区间再排序
       _merge(arr, left, left + step, right, right + step);
       left = right + step;
       right = left + step;
     }
     if (right < len) { // 如果最终还有一个不足完整 step 区间未排序
       _merge(arr, left, left + step, right, len);
     }

     step *= 2;
   }
 }

 console.time( '归并排序 - 迭代 - 自下而上' );
 mergeSortDownTop( ary );
 console.timeEnd( '归并排序 - 迭代 - 自下而上' );

计数排序

工作原理

计数排序是一种稳定的线性时间排序算法。
当输入的元素是n个0到k之间的整数时，它的运行时间是Θ(n+k)。
计数排序不是比较排序，排序的速度快于任何比较排序算法。
算法的步骤如下：

  1. 找出待排序的数组中最大和最小的元素；
  2. 统计数组中每个值为i的元素出现的次数，存入数组C的第i项；
  3. 对所有的计数累加（从C中的第一个元素开始，每一项和前一项相加）
  4. 反向填充目标数组：将每个元素i放在新数组的第C[i]项，每放一个元素就将C[i]减去1。
js代码实现 + 效率测试

运算10次，平均耗时7.06 ms

// 创建 20000 个随机数，数值范围：1 - 100000
let ary = [];
for (let i = 0; i < 20000; i++) {
  ary.push( Math.floor( Math.random()*99999 + 1 ) );
}

// 计数排序
function countingSort(arr) {
  let maxNum = Math.max( ...arr );
  let ans = new Array( maxNum + 1 ).fill( 0 );

  for (let i = 0, len = arr.length; i < len; i++) {
    ans[ arr[i] ] ++;
  }

  let k = 0;
  for (let i = 0, len = ans.length; i < len; i++) {
    let count = ans[i];
    while (count > 0) {
      arr[k] = i;
      k++;
      count--;
    }
  }
}

console.time( '计数排序' );
countingSort( ary );
console.timeEnd( '计数排序' );

桶排序

工作原理

将数组分到有限数量的桶里，再对每个桶分别排序（有可能再使用别的排序算法或是以递归方式继续使用桶排序进行排序）
桶排序以下列程序进行：

  1. 设置一个定量的数组当作空桶；
  2. 遍历序列，并且把项目逐一放到对应的桶中；
  3. 对每个不是空的桶进行排序；
  4. 从不是空的桶里把项目再放回到原来的序列中。
js代码实现 + 效率测试

运算10次，平均耗时22.04 ms

// 创建 20000 个随机数，数值范围：1 - 100000
let ary = [];
for (let i = 0; i < 20000; i++) {
  ary.push( Math.floor( Math.random()*99999 + 1 ) );
}

// 桶排序
function bucketSort(arr, bucketSize) {
  const DEFAULT_BUCKET_SIZE = 5;

  let len = arr.length;
  if (len < 2) return arr;
  
  let min = max = arr[0];
  
  for (let i = 0; i < len; i++) {
    let curr = arr[i];
    if (curr > max) {
      max = curr;
    }
    if (curr < min) {
      min = curr;
    }
  }

  if (max === min) return arr;

  bucketSize = bucketSize || DEFAULT_BUCKET_SIZE;
  let bucketCount = Math.floor((max - min) / bucketSize) + 1;
  let bucket = new Array( bucketCount );
  for (let i = 0; i < bucketCount; i++) {
    bucket[i] = [];
  }
  
  for (let i = 0; i < len; i++) {
    // 这里我选择在放入桶中的同时使用插入排序 -- 重点学习这种排序的思想哈
    // （当然也可以把元素全部分好桶，在进行排序，快排等等别的排序也是可以的。。。）
    let bucketIndex = Math.floor( (arr[i] - min) / bucketSize ),
        curr = arr[i],
        bLength = bucket[ bucketIndex ].length;
    if (bLength === 0) {
      bucket[ bucketIndex ].push( curr );
    }
    else {
      let j = bLength - 1;
      while (j >= 0 && bucket[ bucketIndex ][j] > curr) {
        bucket[ bucketIndex ][j + 1] = bucket[ bucketIndex ][j];
        j--;
      }
      bucket[ bucketIndex ][j + 1] = curr;
    }
  }

  // 此时，每个桶中的序列都已经排好序，把他们拼接起来，直接在原数组操作
  let p = 0;
  for (let i = 0, len = bucket.length; i < len; i++) {
    let currBucket = bucket[i];
    for (let j = 0, cLen = currBucket.length; j < cLen; j++) {
      arr[p] = currBucket[j];
      p++;
    }
  }
}

console.log( '原数组', ary );
console.time( '桶排序' );
bucketSort( ary );
console.timeEnd( '桶排序' );

基数排序

工作原理

基数排序是一种非比较型整数排序算法。其原理是将整数按位数切割成不同的数字，然后按每个位数分别比较。由于整数也可以表达字符串和特定格式的浮点数，所以基数排序也不是只能使用于整数。

  1. 将所有待比较数值（正整数）统一为同样的数字长度，数字较短的数前面补零；
  2. 然后，从最低位开始，依次进行一次排序。
  3. 这样从最低位排序一直到最高位排序完成以后，数列就变成一个有序序列。
js代码实现 + 效率测试

运算10次，平均耗时37.51 ms

// 创建 20000 个随机数，数值范围：1 - 100000
let ary = [];
for (let i = 0; i < 20000; i++) {
  ary.push( Math.floor( Math.random()*99999 + 1 ) );
}

// 桶排序 - 针对十进制的数字
function radixSort(arr, long) {
  // 1.没有传字符数的话，那就取数组的第一个数字的长度为 long
  if (arr.length < 2) return arr;
  
  const DEFAULT_LONG = 5;
  long = long || DEFAULT_LONG;

  // 2.建立1个桶的集合，将放置 10 个桶 - { 0 - 9 }
  let bucket = [];
  
  // 3.循环 long 次，从最后一位开始比较
  let arrLength = arr.length;
  for (let i = long - 1; i >= 0; i--) {
	for (let i = 0; i < 10; i++) {
	  bucket[i] = [];
	}
	
    for (let j = 0; j < arrLength; j++) {
      let str = String( arr[j] );
      str = str.length < long ? '0'.repeat( long - str.length ) + str : str;
      let index = Number( str.substr( i, 1 ) );
      bucket[ index ].push( arr[j] );
    }
    
    let p = 0;
    for (let m = 0, bucketLen = bucket.length; m < bucketLen; m++) {
      let currBucket = bucket[m];
      for (let n = 0, currLen = currBucket.length; n < currLen; n++) {
		arr[p] = currBucket[n];
		p++;
	  }
    }
  }
}

console.time( '基数排序' );
radixSort( ary, 5 );
console.timeEnd( '基数排序' );

不仅没有按照上篇博客的计划写完这篇，而且，堆排序要放到下一个周末来写了，因为还有别的事情要做，先写到这吧，我先忏悔3分钟。。。

忽略我的表情
关注
专栏目录
桶排序的js实现
逆水行舟，不进则退
03-06 607
桶排序 把一系列数据放到 n 个有序划分的桶中， 在各个桶中分别排序（快排 or 插排） 依次取出桶中数据，排序完成 适用场景，大量数据排序且数据浮动不大(数据方差不大)，比如：给高考100万考生按分数排名 用了空间换时间的思想 代码实现 /** * 桶排序 * @param {Array} arr * @param {Number} bucketSize */ function ...
堆排序，桶排序和排序总结
qq_45464015的博客
09-06 375
堆 每次都和父去比是否大于父，大于的话就交换，然后再跟原父类和现父类比较如果大就交换这样就是一直是大根堆了，如下图列子（heapsize这里记录的当前个数） 如下图向把最大的6删掉的话，就先把6记录下来然后把最后一个数4移到顶的位置也就是0的位置，然后去和左孩子和右孩子里选一个最大的去和0比如果大就交换。如果下面还有数子的话那就重复操作左孩子和右孩子选出最大和父对比直到父数比左孩子和右孩子大停止操作。 如下图列子 先删除9把1的位置换到9的位置然后用标记的hs–断连交换之后9和数组的关系，然后和
十大经典排序算法——桶排序 （Java、JavaScript、PHP语言实现）
菜鸟的后花园
04-30 619
十大经典排序算法之——桶排序 本文主要介绍十大经典排序算法中的“桶排序”，并附上桶排序算法的Java、JavaScript、PHP语言实现。 1、十大经典排序算法介绍 排序算法可以分为内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。常见的内部排序算法有：插入排序、希尔排序、选择排序、冒泡排序、归并排序、...
总结一下js多种排序方式
Schaffer的博客
02-19 488
js排序方法是个老生常谈的问题了，当然了也比较经典。现在总结下各类排序方法，如下： 1.sort()方法 var ar1=[2,4,6,8,1,3] var ar2=[2,16,36,8,56] ar1.sort() ar2.sort()//这个方法值只能排序第一位数 也可以字符串进行排序 // 因为会先将元素转换为字符串,用字符串的首字符进行比较 console.log(ar1)//[1,2,3,4,6,8] console.log(ar2)//[16, 2, 36, 56, 8]
javascript排序_使用JavaScript对页面内容进行排序
cungui5726的博客
08-22 740
javascript排序Some of my layout articles, especially those that show items arranged with flexbox or CSS columns, have generated questions about the possibilities of reordering content. While flexbox has...
排序算法（前端js篇）
qq_47986892的博客
09-20 263
前端基本的排序算法
JS实现十大排序算法总结
qq_39715380的博客
03-13 244
常见的内部排序算法有：插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等，本文只涉及内部排序算法。
c++ 二维数组 排序_【算法】排序算法之计数排序
weixin_39856589的博客
11-20 386
前几回，我们已经对【算法】排序算法之冒泡排序、【算法】排序算法之插入排序、【算法】排序算法之希尔排序、【算法】排序算法之选择排序、【算法】排序算法之快速排序、【算法】排序算法之归并排序、【算法】排序算法之堆排序做了说明分析。本回，将对计数排序进行相关说明分析。一、排序算法系列目录说明冒泡排序(Bubble Sort)插入排序(Insertion Sort)希尔排序(Shell Sort)选择排序(...
JS 实现十大排序算法
三月的船长
10-12 501
十大经典排序算法记录贴
Js排序算法与乱序算法
Java-面试
03-25 410
其实本人最怕的就是算法，大学算法课就感觉老师在讲天书，而且对于前端来说，算法在实际的应用中实在是很有限。毕竟算法要依靠大量的数据为基础才能发挥出算法的效率，就浏览器那性能，…是吧，退一万步说，真的有人把这大量的数据处理业务放到前端，那我只能说这是团队和架构师的失职，不说页面应用能不能加载出来，等你靠前端算出来，用户早就跑了。所以，就目前而言，绝大部分的算法使用场景都不在前端，就那么些数据量放在那，前端使用算法除了加重代码逻辑没有更多的好处。当然话又说回来了，我也知道这是个好东西，所以我也会去了解一点。这..
经典内部排序算法学习总结(算法思想、可视化、Java代码实现、改进、复杂度分析、稳定性分析)
纸上得来终觉浅 绝知此事要躬行
02-25 1179
一、什么是排序算法？排序，顾名思义，就是按照一定的规则排列事物，使之彼此间有序 而排序算法所要做的工作，就是将数据按照人为制定的比较规则排列好，使数据处于彼此间有序的状态。二、为什么要进行排序？那为什么要将数据排序呢？计算机处理速度这么快，会不会有点多此一举。现在考虑手上有一本目录乱序的词典，假设有1w个单词，如果想要查apple这个单词，每次都要从头开始找，一个个的确定是不是apple，忽略心力
JavaScript学习总结（15）——十大经典排序算法的JS版
科技D人生
07-20 1124
前言 这世界上总存在着那么一些看似相似但有完全不同的东西，比如雷锋和雷峰塔，小平和小平头，玛丽和马里奥，Java和javascript….当年javascript为了抱Java大腿恬不知耻的让自己变成了Java的干儿子，哦，不是应该是跪舔，毕竟都跟了Java的姓了。可如今，javascript来了个咸鱼翻身，几乎要统治web领域，Nodejs，React Native的出现使得javascr
经典十大算法的JS实现
qq_34295211的博客
11-07 550
以下JS代码均以实现从小到大的升序排列为例，如若改为降序，请自行修改。本文算法描述部分来源于十大经典排序算法，该篇文本还有动图演示。 1冒泡排序： 冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素...
十大经典排序算法动画与解析，看我就够了！
不想当码农的程序员
12-24 586
欢迎关注 公众号 逗着玩，一起学习一起交流进步！ 排序算法是《数据结构与算法》中最基本的算法之一。 排序算法可以分为内部排序和外部排序。 内部排序是数据记录在内存中进行排序。 而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。 常见的内部排序算法有：插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。 用一张图概括： 关于时间复杂...
JS-常用功能
qq_40950398的博客
10-18 200
汇总一些常用的js功能
ECMAScript标准解析及其发展历史与技术演进
qq_20245171的博客
10-15 764
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
深入解析：React中的信号组件与细粒度更新
Fisher的专栏
10-15 765
介绍了前端大火的signal原理，引入AutoStore为React提供了信号组件，帮助实现细粒度更新
基于Java微信小程序的水果销售系统详细设计和实现(源码+lw+部署文档+讲解等)
源码好优多
10-16 865
请联系我获取更详细的演示视频。
2024 Bootstrap 秘籍：基础详解、实战案例与优化技巧
最新发布
weimengen的博客
10-18 635
本文介绍了使用 Bootstrap 构建网站的技巧。涵盖了 Bootstrap 的基础知识，包括响应式设计原理、HTML 结构、CSS 类作用和 JavaScript 插件。详细阐述了安装与使用方法、布局规划、组件选择及自定义样式等方面，并为每个知识点提供了丰富案例。掌握这些技巧，开发者能构建出高质量、美观且响应式的网站。
希尔排序 快速排序 归并排序 堆排序 计数排序 桶排序 基数排序
03-26
堆排序（Heap Sort）： 使用堆这种数据结构进行排序，将一个数组看成一个大顶堆或小顶堆，不断地和顶端的元素交换，从而得到有序数组。 计数排序（Counting Sort）： 将一组数据按照大小进行计数，得到每个元素之前...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值