JS家的排序算法

引子

有句話怎麼說來著：

雷鋒推倒雷峰塔，Java implements JavaScript.

當年，想憑藉抱Java大腿火一把而不惜把自己名字給改了的JavaScript（原名LiveScript），如今早已光芒萬丈。node JS的出現更是讓JavaScript可以前後端通吃。雖然Java依然制霸企業級軟體開發領域（C/C + +的大神們不要打我。。。），但在Web的江湖，JavaScript可謂風頭無兩，坐上了頭把交椅。

然而，在傳統的計算機算法和數據結構領域，大多數專業教材和書籍的默認語言都是Java或者C/C+ +。這給最近想惡補算法和數據結構知識的我造成了一定困擾，因為我想尋找一本以JavaScript為默認語言的算法書籍。當我了解到O』REILLY家的動物叢書系列裡有一本叫做《數據結構與算法JavaScript描述》時，便興奮的花了兩天時間把這本書從頭到尾讀了一遍。它是一本很好的針對前端開發者們的入門算法書籍，可是，它有一個很大的缺陷，就是裡面有很多明顯的小錯誤，明顯到就連我這種半路出家的程序猿都能一眼看出來。還有一個問題是，很多重要的算法和數據結構知識並沒有在這本書裡被提到。這些問題對於作為一個晚期強迫症患者的我來說簡直不能忍。於是乎，一言不合我就決定自己找資料總結算法。那麼，我就從算法領域裡最基礎的知識點——排序算法總結起好了。

我相信以下的代碼裡一定會有某些bug或錯誤或語法不規範等問題是我自己無法發現的，所以敬請各位大神能夠指出錯誤，因為只有在不斷改錯的道路上我才能取得長久的進步。

十大經典算法排序總結對比

一張圖概括：

主流排序算法概覽

名詞解釋：

n: 數據規模
k:「桶」的個數
In-place: 佔用常數內存，不佔用額外內存
Out-place: 佔用額外內存
穩定性：排序後2個相等鍵值的順序和排序之前它們的順序相同

冒泡排序（Bubble Sort）冒泡排序須知：

作為最簡單的排序算法之一，冒泡排序給我的感覺就像Abandon在單詞書裡出現的感覺一樣，每次都在第一頁第一位，所以最熟悉。。。冒泡排序還有一種優化算法，就是立一個flag，當在一趟序列遍歷中元素沒有發生交換，則證明該序列已經有序。但這種改進對於提升性能來說並沒有什麼太大作用。。。

什麼時候最快（Best Cases）：

當輸入的數據已經是正序時（都已經是正序了，我還要你冒泡排序有何用啊。。。。）

什麼時候最慢（Worst Cases）：

當輸入的數據是反序時（寫一個for循環反序輸出數據不就行了，幹嘛要用你冒泡排序呢，我是閒的嗎。。。）

冒泡排序動圖演示：

 

冒泡排序JavaScript代碼實現：

function bubbleSort(arr) {    var len = arr.length;    for (var i = 0; i < len; i++) {        for (var j = 0; j < len - 1 - i; j++) {            if (arr[j] > arr[j+1]) {        

選擇排序（Selection Sort）選擇排序須知：

在時間複雜度上表現最穩定的排序算法之一，因為無論什麼數據進去都是O(n²)的時間複雜度。。。所以用到它的時候，數據規模越小越好。唯一的好處可能就是不佔用額外的內存空間了吧。

選擇排序動圖演示：

Selection Sort 動圖演示 算法可視化來源：http://visualgo.net/

選擇排序JavaScript代碼實現：

function selectionSort(arr) {    var len = arr.length;    var minIndex, temp;    for (var i = 0; i < len - 1; i++) {        minIndex = i;        for (var j = i + 1; j < len; j++) {            if (arr[j] < arr[minIndex]) {    

插入排序（Insertion Sort）插入排序須知：

插入排序的代碼實現雖然沒有冒泡排序和選擇排序那麼簡單粗暴，但它的原理應該是最容易理解的了，因為只要打過撲克牌的人都應該能夠秒懂。當然，如果你說你打撲克牌摸牌的時候從來不按牌的大小整理牌，那估計這輩子你對插入排序的算法都不會產生任何興趣了。。。
插入排序和冒泡排序一樣，也有一種優化算法，叫做拆半插入。對於這種算法，得了懶癌的我就套用教科書上的一句經典的話吧：感興趣的同學可以在課後自行研究。。。

插入排序動圖演示：

Insertion Sort 動圖演示 算法可視化來源：http://visualgo.net/

插入排序JavaScript代碼實現：

function insertionSort(arr) {    var len = arr.length;    var preIndex, current;    for (var i = 1; i < len; i++) {        preIndex = i - 1;        current = arr[i];        while(preIndex >= 0 && arr[preIndex] > current) {            arr[preIndex+1] = arr[preIndex];            preIndex--;        }        arr[preIndex+1] = current;    }    return arr;}

希爾排序（Shell Sort）希爾排序須知：

希爾排序是插入排序的一種更高效率的實現。它與插入排序的不同之處在於，它會優先比較距離較遠的元素。希爾排序的核心在於間隔序列的設定。既可以提前設定好間隔序列，也可以動態的定義間隔序列。動態定義間隔序列的算法是《算法（第4版》的合著者Robert Sedgewick提出的。在這裡，我就使用了這種方法。

希爾排序JavaScript代碼實現：

function shellSort(arr) {    var len = arr.length,        temp,        gap = 1;    while(gap < len/3) {          

歸併排序（Merge Sort）歸併排序須知：

作為一種典型的分而治之思想的算法應用，歸併排序的實現由兩種方法：

自上而下的遞歸（所有遞歸的方法都可以用迭代重寫，所以就有了第2種方法）

自下而上的迭代

在《數據結構與算法JavaScript描述》中，作者給出了自下而上的迭代方法。但是對於遞歸法，作者卻認為：

However, it is not possible to do so in JavaScript, as the recursion goes too deep
for the language to handle.
然而,在 JavaScript 中這種方式不太可行,因為這個算法的遞歸深度對它來講太深了。

說實話，我不太理解這句話。意思是JavaScript編譯器內存太小，遞歸太深容易造成內存溢出嗎？還望有大神能夠指教。
和選擇排序一樣，歸併排序的性能不受輸入數據的影響，但表現比選擇排序好的多，因為始終都是O(n log n）的時間複雜度。代價是需要額外的內存空間。

歸併排序動圖演示：

Merge Sort 動圖演示 算法可視化來源：http://visualgo.net/

歸併排序JavaScript代碼實現：

function mergeSort(arr) {  

快速排序（Quick Sort）快速排序須知：

又是一種分而治之思想在排序算法上的典型應用。本質上來看，快速排序應該算是在冒泡排序基礎上的遞歸分治法。
快速排序的名字起的是簡單粗暴，因為一聽到這個名字你就知道它存在的意義，就是快，而且效率高! 它是處理大數據最快的排序算法之一了。雖然Worst Case的時間複雜度達到了O(n²)，但是人家就是優秀，在大多數情況下都比平均時間複雜度為O(n log n) 的排序算法表現要更好，可是這是為什麼呢，我也不知道。。。好在我的強迫症又犯了，查了N多資料終於在《算法藝術與信息學競賽》上找到了滿意的答案：

快速排序的最壞運行情況是O(n²)，比如說順序數列的快排。但它的平攤期望時間是O(n log n) ，且O(n log n)記號中隱含的常數因子很小，比複雜度穩定等於O(n log n)的歸併排序要小很多。所以，對絕大多數順序性較弱的隨機數列而言，快速排序總是優於歸併排序。

快速排序動圖演示：

Quick Sort 動圖演示 算法可視化來源：http://visualgo.net/

快速排序JavaScript代碼實現：

function var temp = arr[i];    arr[i] = arr[j];    arr[j] = temp;}

堆排序（Heap Sort）堆排序須知：

堆排序可以說是一種利用堆的概念來排序的選擇排序。分為兩種方法：

大頂堆：每個節點的值都大於或等於其子節點的值，在堆排序算法中用於升序排列

小頂堆：每個節點的值都小於或等於其子節點的值，在堆排序算法中用於降序排列

堆排序動圖演示：

Heap Sort 動圖演示 算法可視化來源：http://www.ee.ryerson.ca/~courses/coe428/sorting/heapsort.html

堆排序JavaScript代碼實現：

return arr;}

計數排序（Counting Sort）計數排序須知：

計數排序的核心在於將輸入的數據值轉化為鍵存儲在額外開闢的數組空間中。
作為一種線性時間複雜度的排序，計數排序要求輸入的數據必須是有確定範圍的整數。

計數排序動圖演示：

Counting Sort 動圖演示 算法可視化來源：http://visualgo.net/

計數排序JavaScript代碼實現：

function countingSort(arr, maxValue) {    var bucket = new Array(maxValue+1),        sortedIndex = 0;        arrLen = arr.length,        bucketLen = maxValue + 1;    for (var i = 0; i < arrLen; i++) {        if (!bucket[arr[i]]) {            bucket[arr[i]] = 0;        }        bucket[arr[i]]++;    }    for (var j = 0; j < bucketLen; j++) {        while(bucket[j] > 0) {            arr[sortedIndex++] = j;            bucket[j]--;        }    }    return arr;}

桶排序（Bucket Sort）桶排序須知：

桶排序是計數排序的升級版。它利用了函數的映射關係，高效與否的關鍵就在於這個映射函數的確定。
為了使桶排序更加高效，我們需要做到這兩點：

在額外空間充足的情況下，儘量增大桶的數量

使用的映射函數能夠將輸入的N個數據均勻的分配到K個桶中

同時，對於桶中元素的排序，選擇何種比較排序算法對於性能的影響至關重要。

什麼時候最快（Best Cases）：

當輸入的數據可以均勻的分配到每一個桶中

什麼時候最慢（Worst Cases）：

當輸入的數據被分配到了同一個桶中

桶排序JavaScript代碼實現：

return arr;}

基數排序（Radix Sort）基數排序須知：

基數排序有兩種方法：

MSD 從高位開始進行排序

LSD 從低位開始進行排序

基數排序 vs 計數排序 vs 桶排序

這三種排序算法都利用了桶的概念，但對桶的使用方法上有明顯差異：
基數排序：根據鍵值的每位數字來分配桶
計數排序：每個桶只存儲單一鍵值
桶排序：每個桶存儲一定範圍的數值

LSD基數排序動圖演示：

Radix Sort 動圖演示 算法可視化來源：http://visualgo.net/

基數排序JavaScript代碼實現：

∑編輯 | Gemini

來源 | 簡書

算法數學之美微信公眾號歡迎賜稿

稿件涉及數學、物理、算法、計算機、編程等相關領域，經採用我們將奉上稿酬。

投稿郵箱：[e-mail]