十大排序算法JavaScript实现总结

一帆风顺的你 發表於 2019-10-7 23:30:00

花费了几周的时间断断续续的练习和模仿与使用JavaScript代码实现了十大排序算法。
里面有每种算法的动图和静态图片演示，看到图片可以自己先按照图片的思路实现一下。
 
github中正文链接，点击查看 
两年前端学习笔记：https://github.com/zhangyachang/Notes 欢迎点个star
 
 
排序算法说明 
1.冒泡排序(Bubble Sort) 　　1.算法描述    2.算法描述和实现    3.冒泡排序动图演示
2.选择排序（Selection Sort    1.算法简介     2.算法描述和实现     3.选择排序动图演示
3.插入排序(Insertion Sort)     1.算法简介     2.算法的描述和实现     3.插入排序动图演示
4.希尔排序(Shell Sort)     1.算法简介     2.算法描述和实现     3.希尔排序图示
5.归并排序(Merge Sort)     1.算法简介      2.算法描述和实现     3.归并排序动图演示
6.快速排序(Quick Sort)     1.算法简介     2.算法描述和实现     3.快速排序动图演示
7.堆排序（Heap Sort）     1.算法简介     2.算法描述和实现      3.堆排序动图演示
8.计数排序(Counting Sort)     1.算法简介     2.算法描述和实现     3.计数排序动图演示
9.桶排序（Bucket Sort）     1.算法简介     2.算法描述和实现     3.桶排序图示
10.基数排序（Radix Sort）     1.算法简介     2.算法描述和实现     3.基数排序动图演示后记
 
<h2 class="md-end-block md-heading">排序算法说明</h2>
<h4 class="md-end-block md-heading">1.排序的定义</h4>
对一序列对象根据某个关键字进行排序
输入：n个数：a1,a2,a3,...,an 输出：n个数的排列:a1',a2',a3',...,an'，使得a1'<=a2'<=a3'<=...<=an'。
再讲的形象点就是排排坐，调座位，高的站后面，矮的站前面。
<h4 class="md-end-block md-heading">2.对于评述算法优劣术语的说明</h4>
稳定：如果a原本在b前面，而a=b,排序之后a仍然在b的前面；不稳定：如果a原本在b的前面，而a=b，排序之后a可能会出现在b的后面；
内排序：所有排序操作都在内存中完成；外排序：由于数据太大，因此把数据放在磁盘中，而排序通过磁盘和内存的数据传输才能进行；
时间复杂度：一个算法执行所耗费的时间。空间复杂度：运行完一个程序所需内存的大小。
<h4 class="md-end-block md-heading">3.排序算法图片总结</h4>
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007025825817-271833809.png">
 
 
 
图片名词解释：n：数据规模 k 桶的个数 in-place：占用常数内存，不占用额外内存 Out-place：占用额外内存。
 
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007025846516-1260208391.png">
 
 
<h2 class="md-end-block md-heading">1.冒泡排序(Bubble Sort)</h2>
好的，开始总结第一个排序算法，冒泡排序。我想对于它每个学过C语言的都会了解的吧，这可能是很多人接触的第一个排序算法。
<h4>1.算法描述</h4>
冒泡排序是一种简单的排序算法。它重复的走访过要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复的进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢”浮“到数列的顶端。
<h4 class="md-end-block md-heading">2.算法描述和实现</h4>
具体的算法描述如下
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
<1>.比较相邻的元素。如果第一个比第二个大，就交换它们两个；

</li>
<li class="md-list-item">
<2>.对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对，这样在最后的元素应该会是最大的数。

</li>
<li class="md-list-item">
<3>.针对所有的元素重复以上的操作，除了最后一个；

</li>
<li class="md-list-item">
<4>.重复步骤1~3，直到排序完成。

</li>

</ul>
JavaScript代码实现：
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">function bubbleSort(arr) {
let len = arr.length;

for (let i = 0; i < len; i++) {
for (let j = 0; j < len - i - 1; j++) {
 if (arr > arr) {// 相邻元素两两对比
 let tmp = arr; // 元素交换
 arr = arr;
 arr = tmp;
 }
}
}

return arr;
}

let arr = ;
console.log(bubbleSort(arr));
//
</pre>
</div>
改进冒泡排序：设置一标志性变量post，用于记录每趟排序中最后一次交换的位置。由于post位置之后的记录均已交换到位，故在进行下一趟排序时只要扫描到post位置即可。
改进后算法如下。
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">function bubbleSort2(arr) {
let i = arr.length - 1;
while (i > 0) {
let pos = 0;
for (let j = 0; j < i; j++) {
 if (arr > arr) {
 pos = j; // 记录最后修改位置
 let tmp = arr;
 arr = arr;
 arr = tmp;
 }
}
i = pos;
}
return arr;
}

let arr = ;
// let arr = ;
console.log(bubbleSort2(arr));
</pre>
</div>
传统冒泡排序中每一趟排序操作只能找到一个最大值或最小值,我们考虑利用每趟排序中进行正向和反向两遍冒泡的方法可以得到两个最终值（最大者和最小者），从而使排序躺数几乎减少了一半。
改进后的排序算法实现为
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">function bubbleSort3(arr) {
var low = 0;
var high = arr.length - 1;
var tmp, j;
console.time('2.改进后的冒泡排序耗时');
while (low < high) {

for (j = low; j < high; j++) {
 // 这里排序出最高的
 if (arr > arr) { // 正向冒泡，找出最大者
 tmp = arr;
 arr = arr;
 arr = tmp;
 }
}
high--;

for (j = high; j > low; j--) { // 反向冒泡找出最小者
 if (arr < arr) {
 tmp = arr;
 arr = arr;
 arr = tmp;
 }
}
low++;
}
console.timeEnd('2.改进后的冒泡排序耗时');
return arr;
}

var arr = ;
console.log(bubbleSort3(arr));//</pre>
</div>
 <img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007031246572-218726118.png">
 
 
 由图可以看出改进后的冒泡排序明显的时间复杂度更低了，耗时更短了。
<h4 class="md-end-block md-heading">3.冒泡排序动图演示</h4>
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007030018801-1955534690.gif">
 
算法分析
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
最佳情况：T(n) = O(n)  当输入值的数据已经是正序时（都已经是正序了，为毛何必还排序呢....）
</li>
</ul>
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
最差情况：T(n) = O(n2)  当输入的数据是反序时(卧槽，我直接反序不就完了....)
</li>
</ul>
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
平均情况：T(n) = O(n2)
</li>
</ul>
 
<h2 class="md-end-block md-heading">2.选择排序（Selection Sort）</h2>
表现最稳定的排序算法之一（这个稳定性不是指算法层面上的稳定哈），因为无论是什么数据进去都是O(n²)的时间复杂度......所以用到它的时候，数据规模越小越好。唯一的好处可能就是不占用额外的内存空间了吧。理论上讲，选择排序可能也是平时排序一般人想到的最多的排序方法了吧。
<h4 class="md-end-block md-heading">1.算法简介</h4>
选择排序（Selection-sort）是一种简单直观的排序算法。它的工作原理：首先在未排序序列中找到最小（大）元素，存放到排序序列的起始位置，然后，再从剩余未排序元素中继续寻找最小(大)元素，然后放到已排序序列的末尾。以此类推，直到所有元素均排序完毕。
<h4 class="md-end-block md-heading">2.算法描述和实现</h4>
n个记录的直接选择排序可经过n-1趟直接选择排序得到有序结果。具体算法描述如下：
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
<1>.初始状态：无序区为R，有序区为空；
</li>
<li class="md-list-item">
<2>.第i趟排序（i=1,2,3,4,...n-1）开始时，当前有序区和无序区分别为R和R(i..n）。该趟排序从当前无序区中-选出关键字最小的记录R,将它与无序区的第1个记录R交换，使R和R分别变为记录个数增加1个的新有序区和记录个数减少1个的新无序区；
</li>
<li class="md-list-item">
<3>.n-1趟结束，数组有序化了。
</li>
</ul>
 
JavaScript代码实现
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">// 选择排序
function selectionSort(arr) {
var length = arr.length;
var minIndex, tmp;
console.time("选择排序耗时");
for (var i = 0; i < length - 1; i++) {
minIndex = i;
for (var j = i + 1; j < length; j++) {
 if (arr < arr) {
 minIndex = j;
 }
}
tmp = arr;
arr = arr;
arr = tmp;
}
console.timeEnd("选择排序耗时");
return arr;
}

var arr = ;
console.log(selectionSort(arr));//</pre>
</div>
<h4 class="md-end-block md-heading">3.选择排序动图演示</h4>
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007031430059-1688916617.gif">
算法分析
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
最佳情况：T(n) = O(n)
</li>
<li class="md-list-item">
最差情况：T(n) = O(n2)
</li>
<li class="md-list-item">
平均情况：T(n) = O(n2)
</li>
</ul>
 
<h2 class="md-end-block md-heading">3.插入排序(Insertion Sort)</h2>
插入排序的代码实现虽然没有冒泡排序和选择排序那么简单粗暴，但它的原理应该是最容易理解的了，因为只要打过扑克牌的人都应该能够秒懂。当然，如果你说你打扑克牌摸排的时候从来不按牌的大小调整牌，那估计这辈子你对插入排序的算法都不会产生任何兴趣了...
<h4 class="md-end-block md-heading">1.算法简介</h4>
插入排序（Insertion-Sort）的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描找到对应位置并插入。插入排序在实现上，通常采用in-place排序（即只需用到O(1)的额外空间的排序），因而在从后向前扫描过程中，需要反复把一排序元素逐步向后挪威，为最新元素提供插入空间。
<h4 class="md-end-block md-heading">2.算法的描述和实现</h4>
一般来说，插入排序都采用in-place在数组上实现。具体的算法描述如下：
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
<1>.从第一个元素开始，该元素可以认为已经被排序。
</li>
<li class="md-list-item">
<2>.取出下一个元素，在已经排序的元素序列中从后向前扫描
</li>
<li class="md-list-item">
<3>.如果该元素（已排序）大于新元素，将该元素移到下一位置
</li>
<li class="md-list-item">
<4>.重复步骤3，直到找到已排序的元素小于或等于新元素的位置；
</li>
<li class="md-list-item">
<5>.将新元素插入到该位置后；
</li>
<li class="md-list-item">
<6>.重复步骤2~5
</li>
</ul>
 
JavaScript代码实现：
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">// 这个是我的实现，感觉代码好长的样子...
// 插入排序
function insertionSort(arr) {

console.log('打印这个东西', Object.prototype.toString.call(arr), Object.prototype.toString.call(arr).slice(8, -1) === 'Array');

var length = arr.length;
var tmp;
console.time('选择排序耗时');
for (var i = 0; i < length; i++) {
let tmp = arr;
for (var j = i; j >= 0; j--) {
 if (j === 0) {
 arr = tmp;
 break;
 }

 if (tmp < arr) {
 arr = arr;
 } else {
 arr = tmp;
 break;
 }
}
}
console.timeEnd('选择排序耗时');
return arr;
}
// 10 7 8

var arr = ;
console.log(insertionSort(arr));//</pre>
</div>
JavaScript代码实现
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">// 插入排序
function insertionSort(arr) {
if (Object.prototype.toString.call(arr).slice(8, -1) === 'Array') {
console.time('插入排序耗时');
for (var i = 1, length = arr.length; i < length; i++) {
 var key = arr;
 var j = i - 1;
 while (j >= 0 && arr > key) {
 arr = arr;
 j--;
 }
 arr = key;
}
console.timeEnd('插入排序耗时');
return arr;
} else {
return `array is not an array`;
}
}
var arr = ;
console.log(insertionSort(arr));//</pre>
</div>
改进插入排序：查找插入位置时使用二分查找的方式
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">function binaryInsertionSort(arr) {
if (Object.prototype.toString.call(arr).slice(8, -1) === 'Array') {
console.time('二分插入排序耗时');
var length = arr.length;
for (var i = 1; i < length; i++) {

 var left = 0;
 var key = arr;
 var right = i - 1;

 while (left <= right) {
 var middle = parseInt((left + right) / 2);
 if (key < arr) {
 right = middle - 1;
 } else {
 left = middle + 1;
 }
 }

 for (var j = i - 1; j >= left; j--) {
 arr = arr
 }
 arr = key;
}
console.timeEnd('二分插入排序耗时');
return arr;
} else {
throw new Error('arr is not arr');
}
}</pre>
</div>
 改进前后对比
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007031610615-474417372.png">
 
 
 
<h4 class="md-end-block md-heading">3.插入排序动图演示</h4>
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007030047802-1589187210.gif">
算法分析
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
最佳情况：输入数组按升序排序。T(n) = O(n)
</li>
<li class="md-list-item">
最坏情况：输入数组按降序排序。T(n) = O(n2)
</li>
<li class="md-list-item">
平均情况：T(n) = O(n2)
</li>
</ul>
<h2 class="md-end-block md-heading">4.希尔排序(Shell Sort)</h2>
1959年Sheel发明：第一个突破O(n^2)的排序算法；是简单插入排序的改进版；它与插入排序的不同之处在于，它会优先比较距离较远的元素。希尔排序又叫缩小增量排序。
<h4 class="md-end-block md-heading">1.算法简介</h4>
希尔排序的核心在于间隔序列的设定。既可以提前设好间隔序列，也可以动态的定义间隔序列。动态定义间隔序列的算法是《算法（第4版）的合著者Robert Sedgewick提出的》。
<h4 class="md-end-block md-heading">2.算法描述和实现</h4>
先将整个待排序的记录序列分割成为若干子序列分别进行直接插入排序，具体算法描述：
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
<1>.选择一个增量序列t1，t2，...，tk，其中ti>tj，tk = 1
</li>
<li class="md-list-item">
<2>.按增量序列个数k，对序列进行k趟排序；
</li>
<li class="md-list-item">
<3>.每趟排序，根据对应的增量ti，将待排序列分割成若干长度为m的子序列，分别对各子表进行直接插入排序。仅增量因子为1时，整个序列作为一个表来处理，表长度即为整个序列的长度。
</li>
</ul>
JavaScript代码实现
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">function shellSort(arr) {
console.log('调用了函数方法');

var len = arr.length;
var tmp;
var gap = 1;
console.time('希尔排序耗时');
while (gap < len / 5) { // 动态定义间隔序列
gap = gap * 5 + 1;
console.log('gap -------- ', gap);
}

// 在这个里面其实是对每一组数据又进行了插入排序真的是写不出来不知道，想通了写出来一次感觉就简单了

for (gap; gap > 0; gap = Math.floor(gap / 5)) {
console.log('gap ===== >', gap);
for (var i = 0; i < len; i++) {
 tmp = arr;
 for (var j = i - gap; j >= 0 && tmp < arr; j -= gap) {
 arr = arr;
 }
 arr = tmp;
}
}
console.timeEnd('希尔排序耗时');
return arr;
}

var arr = ;
console.log(shellSort(arr));//</pre>
</div>
<h4 class="md-end-block md-heading">3.希尔排序图示</h4>
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007030100636-1422987514.png">
 
算法分析
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
最佳情况：T(n) = O(nlog2 n)
</li>
<li class="md-list-item">
最坏情况：T(n) = O(nlog2 n)
</li>
<li class="md-list-item">
平均情况：T(n) =O(nlog n)
</li>
</ul>
<h2 class="md-end-block md-heading">5.归并排序(Merge Sort)</h2>
和选择排序一样，归并排序的性能不受输入数据的影响，但表现比选择排序好的多，因为始终都是O(n log n)的时间复杂度。代价是需要额外的内存空间。
<h4 class="md-end-block md-heading">1.算法简介</h4>
归并排序时建立在归并操作上的一种有效的排序算法。该算法是采用分治法（Divide and Conquer）的一个非常典型的应用。归并排序是一种稳定的排序方法。将已有的子序列合并，得到完全有序的序列；即先使每个子序列有序，再使子序列段间有序。若将两个有序表合并成一个有序表，成为2-路归并。
<h4 class="md-end-block md-heading">2.算法描述和实现</h4>
具体算法描述如下：
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
<1>.把长度为n的输入序列分成两个长度为n/2的子序列；
</li>
<li class="md-list-item">
<2>.对这两个子序列分别采用归并排序。
</li>
<li class="md-list-item">
<3>.将两个排序好的子序列合并成一个最终的排序序列。
</li>
</ul>
JavaScript代码实现
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">// 这个思想有点难啊，看起来和之前的二叉树的中序遍历差不多

function mergeSort(arr) { // 采用自上而下的递归方法
// console.log('mergeSort', arr);
var length = arr.length;
if (length < 2) {
return arr;
}

var middle = Math.floor(length / 2);
var left = arr.slice(0, middle);
var right = arr.slice(middle);
// console.log('mergeSort', 'left', left, 'right', right);

return merge(mergeSort(left), mergeSort(right));
}

function merge(left, right) {
var result = [];
console.log('left', left, 'right', right);
// console.time('归并排序耗时');
while (left.length && right.length) {
if (left <= right) {
 result.push(left.shift());
} else {
 result.push(right.shift());
}
}

while (left.length) {
result.push(left.shift());
}

while (right.length) {
result.push(right.shift());
}
// console.timeEnd('归并排序耗时');
return result;
}

var arr = ;
console.log(mergeSort(arr));</pre>
</div>
<h4 class="md-end-block md-heading">3.归并排序动图演示</h4>
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007030141876-2065120881.gif">
 
算法分析：
<ul class="ul-list" data-mark="-">
<li class="md-list-item">
最佳情况：T(n) = O(n)
</li>
<li class="md-list-item">
最差情况：T(n) = O(nlogn)
</li>
<li class="md-list-item">
平均情况：T(n) = O(nlogn)
</li>
</ul>
 
<h2 class="md-end-block md-heading">6.快速排序(Quick Sort)</h2>
快速排序的名字起的是简单粗暴，因为一听到这个名字你就知道它存在的意义，就是快，而且效率高！它是处理大数据最快的算法之一了。
<h4 class="md-end-block md-heading">1.算法简介</h4>
快速排序的基本思想：通过一趟排序将待记录分割成独立的两部分，其中一部分记录的关键字均比另一部分的关键字小，则可分别对这两部分记录继续进行排序，以达到整个序列有序。
<h4 class="md-end-block md-heading">2.算法描述和实现</h4>
快速排序使用分治法来把一个串（list）分为两个子串（sub-list）。具体算法描述如下：
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
<1>.从数列中挑出一个元素，称为“基准”(pivot)
</li>
<li class="md-list-item">
<2>.重新排序数列，所有元素比基准值小的摆放在最前面，所有元素比基准值大的摆在基准的后面（相同的可任一边）。在这个分区退出之后，该基准就处于数列的中间位置。这个称为分区（Partition）操作；
</li>
<li class="md-list-item">
<3>.递归的（recursive）把小于基准值元素的子数列和大于基准值元素的子数列排序。
</li>
</ul>
 
JavaScript代码实现：
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">// 这个里面的核心代码是我写的，比它的好像差一些它的核心原理有点没看懂，和下面的那个动图演示有点不一样，他选择的基准是右侧的那个。
// 感觉不是这种排列方法

function quickSort(arr, left, right) {
if (Object.prototype.toString.call(arr).slice(8, -1) === 'Array' && typeof length === 'number' && typeof right === 'number') {

// console.log('进来的数组', JSON.stringify(arr), 'left ==>', left, 'right===>', right);
if (left < right) {
 var key = arr; // 起始位置
 var setPos = left + 1; // 设置的位置
 var tmp;
 for (var i = left + 1; i <= right; i++) {
 if (arr < key) {
 tmp = arr; // 交换位置，并将下次小于的位置+1
 arr = arr;
 arr = tmp;
 setPos++;
 }
 }
 // 循环完成之后将key与 pos-1的位置交换
 arr = arr;
 arr = key;
 // console.log('每一次排序', '当前key值===>', key, '排序完成当前数组===>', JSON.stringify(arr));

 quickSort(arr, left, setPos - 2);
 quickSort(arr, setPos, right);
 // console.log('arr=======>', arr);
}
} else {
return 'array is not an Array or left or right is not a number!';
}
return arr;
}

var arr = ;
// var arr = ;
console.log(quickSort(arr, 0, arr.length - 1));//</pre>
</div>
 
这个算法写法，感觉没有我的写法正常思维
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">function quickSort(array, left, right) {
console.time('1.快速排序耗时');
if (Object.prototype.toString.call(array).slice(8, -1) === 'Array' && typeof left === 'number' && typeof right === 'number') {

 if (left < right) {
 var x = array, i = left - 1, temp;
 for (var j = left; j <= right; j++) {
 if (array <= x) {
 i++;
 temp = array;
 array = array;
 array = temp;
 }
 }
 quickSort(array, left, i - 1);
 quickSort(array, i + 1, right);
 }
 console.timeEnd('1.快速排序耗时');
 return array;

} else {
 return 'array is not an Array or left or right is not a number!';
}
}</pre>
</div>
<h4 class="md-end-block md-heading">3.快速排序动图演示</h4>
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007030211511-1624916068.gif">
 
这个算法看起来简单了许多
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">function quickSort(arr) {
if (arr.length <= 1) { return arr };
var pivoIndex = Math.floor(arr.length / 2);
var pivot = arr.splice(pivoIndex, 1); // 将要选择排序的那一位选举出来摘出来
var left = [];
var right = [];

// 小的放左边，大的放右边
for (var i = 0, len = arr.length; i < len; i++) {
if (arr < pivot) {
 left.push(arr);
} else {
 right.push(arr);
}
}
console.log('left', left, 'right', right);
return quickSort(left).concat(, quickSort(right));
}

var arr = ;
// var arr = ;
console.log(quickSort(arr));//</pre>
</div>
 
算法分析：
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
最佳情况：T(n) = O(nlogn)
</li>
<li class="md-list-item">
最差情况：T(n) = O(n2)
</li>
<li class="md-list-item">
平均情况：T(n) = O(nlogn)
</li>
</ul>
 
<h2 class="md-end-block md-heading">7.堆排序（Heap Sort）</h2>
堆排序可以说是一种利用堆的概念来排序的选择排序。
<h4 class="md-end-block md-heading">1.算法简介</h4>
堆排序（HeapSort）是指利用堆这种数据结构所涉及的一种排序算法。堆积是一个近似完全二叉树的结构，并同时满足堆积的性质：即子节点的键值或索引总是小于（或者大于）它的父节点。
 
<h4 class="md-end-block md-heading">2.算法描述和实现</h4>
具体算法描述如下
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
<1>.将初始待排序的关键字序列（R1，R2...Rn）构建成大顶堆，此堆为初始的无序区。
</li>
<li class="md-list-item">
<2>.将堆顶元素R与最后一个元素R交换，此时得到新的无序区和新的有序区(Rn),且满足R<R;
</li>
<li class="md-list-item">
<3>.由于交换后新的堆顶R可能违反堆的性质，因此需要对当前无序区（R1，R2...Rn-1）调整为新堆，然后再将R与无序区最后一个元素交换，得到新的无序区（R1，R2...Rn-2）和新的有序区（Rn-1，Rn）。不断重复此过程直到有序区的元素个数为n-1，则整个排序过程完成。
</li>
</ul>
JavaScript代码实现：
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">/*
方法说明：堆排序
@param {Array} arr 待排序数组
*/

function heapSort(arr) {
console.log('堆排序');

console.log();
if (Object.prototype.toString.call(arr).slice(8, -1) === 'Array') {

var heapSize = arr.length;
var temp;

console.log('待排序数组的长度===>', heapSize);

console.log('建造之前的堆的样式', JSON.stringify(arr));
// 建造堆
for (var i = Math.floor(heapSize / 2) - 1; i >= 0; i--) {
 heapify(arr, i, heapSize);
}
console.log('堆初始化完成之后的样式', JSON.stringify(arr));

// 现在要把最大的放到最后一个，最后一个放到第一个，把堆的大小减少一个，在慢慢的把最大的循环上去
console.time('堆排序耗时');
for (var j = heapSize - 1; j >= 1; j--) {
 temp = arr;
 arr = arr;
 arr = temp;
 heapify(arr, 0, --heapSize);
}
console.timeEnd('堆排序耗时');
return arr;
} else {
return 'array is not array';
}
}

/*
建堆：维护堆的性质
@param {Array} arr 数组
@param {Number} x 数组下标
@param {Number} len 堆大小
*/
function heapify(arr, x, len) {
if (Object.prototype.toString.call(arr).slice(8, -1) === 'Array' && typeof x === 'number') {
var l = 2 * x + 1; // 左下标
var r = 2 * x + 2; // 右下标
var largest = x; // 默认最大的是父节点
var temp; // 用于交换数据存储的中间值

// 寻找到一个堆中的最大值
if (l < len && arr > arr) {
 largest = l;
}
if (r < len && arr > arr) {
 largest = r;
}

// 如果最大者不是父节点则交换位置
if (largest != x) {
 temp = arr;
 arr = arr;
 arr = temp;
 // 递归寻找
 heapify(arr, largest, len);
}
} else {
return 'arr is not an array or x is not a number';
}
}

var arr = ;
console.log(heapSort(arr));//</pre>
</div>
<h4 class="md-end-block md-heading md-focus">3.堆排序动图演示</h4>
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007030336562-1007398686.gif">
 
算法分析
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
最佳情况：T(n) = O(nlogn)
</li>
<li class="md-list-item">
最差情况：T(n) = O(nlogn)
</li>
<li class="md-list-item">
平均情况：T(n) = O(nlogn)
</li>
</ul>
<h2 class="md-end-block md-heading">8.计数排序(Counting Sort)</h2>
计数排序的核心在于将输入的数据值转化为键存储在额外开辟的数组空间中。作为一种线性时间复杂度的排序，计数排序要求输入的数据必须是有确定范围的整数。
<h4 class="md-end-block md-heading">1.算法简介</h4>
计数排序（Counting sort）是一种稳定的排序算法。计数排序使用一个额外的数组C，其中第i个元素是待排序数组A中值等于i的元素的个数。然后根据数组C来将A中的元素排到正确的位置。它只能对整数进行排序。
 
<h4 class="md-end-block md-heading">2.算法描述和实现</h4>
具体算法描述如下
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
<1>.找出待排序的数组中的最大和最小的元素；
</li>
<li class="md-list-item">
<2>.统计数组中每个值为i的元素出现的次数，存入数组C的第i项；
</li>
<li class="md-list-item">
<3>.对所有的计数累加（从C中的第一个元素开始，每一项和前一项相加）;
</li>
<li class="md-list-item">
<4>.反向填充目标数组：将每个元素i放在新数组的第C(i)项，每放一个元素就将C(i)减去1
</li>
</ul>
 
JavaScript代码实现
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">function countingSort(arr) {
console.log('计数排序');

var len = arr.length;
var B = [];
var C = [];
var min = max = arr;

console.time('计数排序耗时');
// 初始化计数排序
for (var i = 0; i < len; i++) {
min = min <= arr ? min : arr;
max = max >= arr ? max : arr;
C] = C] ? C] + 1 : 1;
}
console.log('初始化结束之后', JSON.stringify(C));
var k = 0;
for (var j = min; j < max; j++) {
C = (C || 0) + (C || 0);
}

console.log('计算完成之后', JSON.stringify(C));
console.log('计算完成之后arr', JSON.stringify(arr));
// 现在C的下标就是这个值，C的内容就是这个值的个数
debugger;
for (var k = len - 1; k >= 0; k--) {
console.log('C - 1]===>', C] - 1, 'arrk===>', arr);
B] - 1] = arr;
C]--;
}
console.timeEnd('计数排序耗时');
return B;
}
var arr = ;
console.log(countingSort(arr)); //</pre>
</div>
 
<h4 class="md-end-block md-heading">3.计数排序动图演示</h4>
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007030359735-1134948008.gif">
 
算法分析
当输入的元素是n个0到k之间的整数时，它的运行时间是O(n + k)。计数排序不是比较排序，排序的速度快于任何比较排序算法。由于用来计数的数组C的长度取决于待排序数组中数据的范围（等于待排序数组的最小值的差加上1），这使得计数排序对于数据范围很大的数组，需要大量时间和内存。
 
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
最佳情况：T(n) = O(n + k)
</li>
<li class="md-list-item">
最差情况：T(n) = O(n+k)
</li>
<li class="md-list-item">
平均情况：T(n) = O(n+k)
</li>
</ul>
 
<h2 class="md-end-block md-heading">9.桶排序（Bucket Sort）</h2>
桶排序是计数排序的升级版。它利用了函数的映射关系，高效与否的关键就在于这个映射函数的确定。
<h4 class="md-end-block md-heading">1.算法简介</h4>
桶排序(Bucket sort)的工作原理：假设输入数据服从均匀分布，将数据分到有限数量的桶里，每个桶再分别排序（有可能再使用别的排序算法或是以递归方式继续使用桶排序进行排序）
<h4 class="md-end-block md-heading">2.算法描述和实现</h4>
具体算法描述如下：
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
<1>.设置一个定量的数组当做空桶；
</li>
<li class="md-list-item">
<2>.遍历输入数据，并且把数据一个一个放到对应的桶里去；
</li>
<li class="md-list-item">
<3>.对每个不是空的桶进行排序；
</li>
<li class="md-list-item">
<4>.从不是空的桶里把排好序的数据拼接起来。
</li>
</ul>
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">/*
方法说明：桶排序
@param {Array} 数组
@param {Number} 桶的数量
*/

function bucketSort(arr, num) {
if (arr.length <= 1) {
return arr;
}
var len = arr.length;
var buckets = [];
var result = [];
var min = max = arr;
var regex = '/^+*$/';
var space, n = 0;

console.log('排序长度 ===>', len);

// 定义桶的数量
num = num || (num > 1 && regex.test(num) ? num : 10);
console.log('桶排序耗时');
// 寻找到最大值和最小值
for (var i = 0; i < len; i++) {
min = (min <= arr) ? min : arr;
max = (max >= arr) ? max : arr;
}
console.log('最大值===> max', max, '最小值===> min', min);

space = (max - min + 1) / num;

for (var j = 0; j < len; j++) {
var index = Math.floor((arr - min) / space);
console.log(`第${j}项，值==> ${arr} 桶的索引为 ${index}, space ===> ${space}`);
if (buckets) { // 非空桶，插入排序
 var key = arr;
 var k = buckets.length - 1;
 while (k >= 0 && buckets > key) {
 buckets = buckets;
 k--;
 }
 buckets = key;
} else { // 空桶初始化
 buckets = [];
 buckets.push(arr);
}
}

while (n < num) {
result = result.concat(buckets);
n++;
}
console.log('桶排序完成===>', buckets);
return result;
}

var arr = ;
console.log(bucketSort(arr, 4));//</pre>
</div>
 
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">/*方法说明：桶排序
@paramarray 数组
@paramnum 桶的数量*/
function bucketSort(array, num) {
if (array.length <= 1) {
 return array;
}
var len = array.length, buckets = [], result = [], min = max = array, regex = '/^+*$/', space, n = 0;
num = num || ((num > 1 && regex.test(num)) ? num : 10);
console.time('桶排序耗时');
for (var i = 1; i < len; i++) {
 min = min <= array ? min : array;
 max = max >= array ? max : array;
}
space = (max - min + 1) / num;
for (var j = 0; j < len; j++) {
 var index = Math.floor((array - min) / space);
 if (buckets) { //非空桶，插入排序
 var k = buckets.length - 1;
 while (k >= 0 && buckets > array) {
 buckets = buckets;
 k--;
 }
 buckets = array;
 } else { //空桶，初始化
 buckets = [];
 buckets.push(array);
 }
}
while (n < num) {
 result = result.concat(buckets);
 n++;
}
console.timeEnd('桶排序耗时');
return result;
}
var arr=;
console.log(bucketSort(arr,4));//
</pre>
</div>
 
<h4 class="md-end-block md-heading">3.桶排序图示</h4>
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007030420664-1119061376.png">
 
 
算法分析
桶排序最好情况下使用线性时间O(n),桶排序的时间复杂度，取决于对各个桶之间数据进行排序的时间复杂度，因为其他部分的时间复杂度都为O(n)。很显然，桶划分的越小，各个桶之间的数据越少，排序所用的时间也会越少。但相应的的空间消耗就会增大。
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
最佳情况：T(n) = O(n + k)
</li>
<li class="md-list-item">
最差情况：T(n) = O(n + k)
</li>
<li class="md-list-item">
平均情况：T(n) = O(n2)
</li>
</ul>
 
<h2 class="md-end-block md-heading">10.基数排序（Radix Sort）</h2>
基数排序也是非比较的排序算法，对每一位进行排序，从最低位开始排序，复杂度为O(kn),为数组长度，k为数组中的数的最大的位数；
 
<h4 class="md-end-block md-heading">1.算法简介</h4>
基数排序时按照低位先排序，然后收集；再按照高位排序，然后再收集；依次类推，直到最高位。有时候有些属性是有优先级顺序的，先按低优先级排序，再按高优先级排序。最后的次序就是高优先级高的在前，高优先级相同的低优先级高的在前。基数排序基于分别排序，分别收集，所以是稳定的。
 
<h4 class="md-end-block md-heading">2.算法描述和实现</h4>
具体算法描述如下：
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
<1>.取得数组中的最大数，并取得位数。
</li>
<li class="md-list-item">
<2>.arr为原始数组，从最低位开始取每个位组成radix数组；
</li>
<li class="md-list-item">
<3>.对radix进行计数排序（利用计数排序适用于小范围数的特点）
</li>
</ul>
 
JavaScript代码实现
<div class="cnblogs_Highlighter">
<pre class="brush:javascript;gutter:true;">/*
基数排序适用于：
(1)数据范围比较小,建议小于1000
(2)每个数值都要大于等于0

@param {Array} arr 待排序数组
@param {Number} 最大位数
*/
function radixSort(arr, maxDigit) {
var mod = 10;
var dev = 1;
var counter = [];

console.time('基数排序耗时');
for (var i = 0; i < maxDigit; i++ , mod *= 10, dev *= 10) {
for (var j = 0, len = arr.length; j < len; j++) {
 var bucket = parseInt((arr % mod) / dev);
 console.log('基数===>', bucket);
 if (counter == null) {
 counter = [];
 }
 counter.push(arr);
}

console.log('第一次排序完成===>', counter);
// 将排序好的再次重整排列
var pos = 0;
for (var j = 0; j < counter.length; j++) {
 console.log('counter ===>', 'j===>', j, counter);
 if (counter != null) {
 while ((value = counter.shift()) != null) {
 arr = value;
 }
 }
}
console.log('第一次排序完成 arr ===>', arr);
}

console.timeEnd('基数排序耗时');
return arr;
}

var arr = ;
console.log(radixSort(arr, 2)); //
</pre>
</div>
 
<h4 class="md-end-block md-heading">3.基数排序动图演示</h4>
<img src="https://img2018.cnblogs.com/blog/1250927/201910/1250927-20191007030455761-221391632.gif">
算法分析
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
最佳情况：T(n) = O(n * k)
</li>
<li class="md-list-item">
最差情况：T(n) = O(n * k)
</li>
<li class="md-list-item">
平均情况：T(n) = O(n * k)
</li>
</ul>
基数排序有两种方法
<ul class="ul-list" data-mark="+">
<li class="md-list-item">
MSD从高位开始进行排序
</li>
<li class="md-list-item">
LSD从低位开始进行排序
</li>
</ul>
 
基数排序 vs 计数排序 vs 桶排序
这三种方法都利用了桶的概念，但对桶的使用方法上有明显差异：
1.基数排序：根据键值的每位数字来分配桶
2.计数排序：每个桶只存储单一键值
3.桶排序：每个桶存储一定范围的数值
 
<h2 class="md-end-block md-heading">后记</h2>
感觉他说的这句话挺好的，也是我的一些感受吧
十大排序算法的总结到这里就算告一段落了。博主总结完之后只有一个感觉，排序算法博大精深，前辈们用了数年甚至一辈子的心血研究出来的算法更值得我们推敲。站在十大算法的门前心里还是诚惶诚恐的，身为一个小学生，博主的总结难免会有所疏漏，欢迎各位批评指正。
 
 
此文参考了 https://github.com/zhangyachang/Sorts 写的，他写的很好。
如果你看了我的文章学到了一些东西，那我会非常高兴的。
  
来源：https://www.cnblogs.com/z937741304/p/11629213.html

頁: [1]

琼殿技术论坛's Archiver

十大排序算法JavaScript实现总结