JS排序算法,你知道多少?
十大經典算法排序總結對比
一張圖概括:

主流排序算法概覽
名詞解釋:
n: 數據規(guī)模
k:“桶”的個數
In-place: 占用常數內存,不占用額外內存
Out-place: 占用額外內存
穩(wěn)定性:排序后2個相等鍵值的順序和排序之前它們的順序相同
冒泡排序(Bubble Sort)
冒泡排序須知:
作為最簡單的排序算法之一,冒泡排序給我的感覺就像Abandon在單詞書里出現的感覺一樣,每次都在第一頁第一位,所以最熟悉。。。冒泡排序還有一種優(yōu)化算法,就是立一個flag,當在一趟序列遍歷中元素沒有發(fā)生交換,則證明該序列已經有序。但這種改進對于提升性能來說并沒有什么太大作用。
什么時候最快(Best Cases):
當輸入的數據已經是正序時
什么時候最慢(Worst Cases):
當輸入的數據是反序時
冒泡排序動圖演示:

?
冒泡排序JavaScript代碼實現:
/**
* 冒泡排序算法的實現
* @param arr
* ? ? ?需要排序的數組
* @returns {*}
* ? ? ?排序好了的數組
*/
function bubbleSort(arr) {
? ?let len = arr.length;
? ?for (let i = 0; i < len; i++) {
? ? ? ?for (let j = 0; j < len - 1 - i; j++) {
? ? ? ? ? ?//相鄰元素兩兩對比
? ? ? ? ? ?if (arr[j] > arr[j + 1]) {
? ? ? ? ? ? ? ?//元素交換
? ? ? ? ? ? ? ?let temp = arr[j + 1];
? ? ? ? ? ? ? ?arr[j + 1] = arr[j];
? ? ? ? ? ? ? ?arr[j] = temp;
? ? ? ? ? ?}
? ? ? ?}
? ?}
? ?return arr;
}
選擇排序(Selection Sort)
選擇排序須知:
在時間復雜度上表現最穩(wěn)定的排序算法之一,因為無論什麼規(guī)模的數據時間複雜度都是O(n2)。因此一般來説數據越少效率越高。唯一的好處就是不占用額外的內存空間。
選擇排序動圖演示:

選擇排序JavaScript代碼實現:
/**
* 選擇排序算法的實現
* @param arr
* ? ? ?需要排序的數組
* @returns {*}
* ? ? ?排序好了的數組
*/
function selectionSort(arr) {
? ?let len = arr.length;
? ?let minIndex, temp;
? ?for (let i = 0; i < len - 1; i++) {
? ? ? ?minIndex = i;
? ? ? ?for (let j = i + 1; j < len; j++) {
? ? ? ? ? ?//尋找最小的數
? ? ? ? ? ?if (arr[j] < arr[minIndex]) {
? ? ? ? ? ? ? ?//將最小數的索引保存
? ? ? ? ? ? ? ?minIndex = j; ? ? ? ? ? ? ? ?
? ? ? ? ? ?}
? ? ? ?}
? ? ? ?//元素交換
? ? ? ?temp = arr[i];
? ? ? ?arr[i] = arr[minIndex];
? ? ? ?arr[minIndex] = temp;
? ?}
? ?return arr;
}
插入排序(Insertion Sort)
插入排序須知:
插入排序的代碼實現雖然沒有冒泡排序和選擇排序那么簡單粗暴,但它的原理應該是最容易理解的了,因為只要打過撲克牌的人都應該能夠秒懂。當然,如果你說你打撲克牌摸牌的時候從來不按牌的大小整理牌,那估計這輩子你對插入排序的算法都不會產生任何興趣了。
插入排序和冒泡排序一樣,也有一種優(yōu)化算法,叫做拆半插入。
插入排序動圖演示:

插入排序JavaScript代碼實現:
/**
* 插入排序算法的實現
* @param arr
* ? ? ?需要排序的數組
* @returns {*}
* ? ? ?排序好了的數組
*/
function insertionSort(arr) {
? ?let len = arr.length;
? ?let preIndex, current;
? ?for (let 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)
希爾排序須知:
希爾排序是插入排序的一種更高效率的實現。它與插入排序的不同之處在于,它會優(yōu)先比較距離較遠的元素。希爾排序的核心在于間隔序列的設定。既可以提前設定好間隔序列,也可以動態(tài)的定義間隔序列。動態(tài)定義間隔序列的算法是《算法(第4版》的合著者Robert Sedgewick提出的。在這里,我就使用了這種方法。
希爾排序JavaScript代碼實現:
/**
* 希爾排序算法的實現
* @param arr
* ? ? ?需要排序的數組
* @returns {*}
* ? ? ?排序好了的數組
*/
function shellSort(arr) {
? ?let len = arr.length;
? ?let temp;
? ?let gap = 1;
? ?//動態(tài)定義間隔序列
? ?while (gap < len / 3) {
? ? ? ?gap = gap * 3 + 1;
? ?}
? ?for (gap; gap > 0; gap = Math.floor(gap / 3)) {
? ? ? ?for (let i = gap; i < len; i++) {
? ? ? ? ? ?temp = arr[i];
? ? ? ? ? ?for (let j = i - gap; j >= 0 && arr[j] > temp; j -= gap) {
? ? ? ? ? ? ? ?arr[j + gap] = arr[j];
? ? ? ? ? ?}
? ? ? ? ? ?arr[j + gap] = temp;
? ? ? ?}
? ?}
? ?return arr;
}
歸并排序(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代碼實現:
/**
* 歸并排序算法的實現
* @param arr
* ? ? ?需要排序的數組
* @returns {*}
* ? ? ?排序好了的數組
*/
function mergeSort(arr) {
? ?let len = arr.length;
? ?if (len < 2) {
? ? ? ?return arr;
? ?}
? ?let middle = Math.floor(len / 2), left = arr.slice(0, middle), right = arr.slice(middle);
? ?return merge(mergeSort(left), mergeSort(right));
}
function merge(left, right) {
? ?let result = [];
? ?while (left.length && right.length) {
? ? ? ?if (left[0] <= right[0]) {
? ? ? ? ? ?result.push(left.shift());
? ? ? ?} else {
? ? ? ? ? ?result.push(right.shift());
? ? ? ?}
? ?}
? ?while (left.length){
? ? ? ?result.push(left.shift());
? ?}
? ?while (right.length){
? ? ? ?result.push(right.shift());
? ?}
? ?return result;
}
快速排序(Quick Sort)
快速排序須知:
又是一種分而治之思想在排序算法上的典型應用。本質上來看,快速排序應該算是在冒泡排序基礎上的遞歸分治法。
快速排序的名字起的是簡單粗暴,因為一聽到這個名字你就知道它存在的意義,就是快,而且效率高! 它是處理大數據最快的排序算法之一了。雖然Worst Case的時間復雜度達到了O(n2),但是人家就是優(yōu)秀,在大多數情況下都比平均時間復雜度為O(n log n) 的排序算法表現要更好,可是這是為什么呢,我也不知道。。。好在我的強迫癥又犯了,查了N多資料終于在《算法藝術與信息學競賽》上找到了滿意的答案:
快速排序的最壞運行情況是O(n2),比如說順序數列的**。但它的平攤期望時間是O(n log n) ,且O(n log n)記號中隱含的常數因子很小,比復雜度穩(wěn)定等于O(n log n)的歸并排序要小很多。所以,對絕大多數順序性較弱的隨機數列而言,快速排序總是優(yōu)于歸并排序。
快速排序動圖演示:

Quick Sort 動圖演示 算法可視化來源:http://visualgo.net/
快速排序JavaScript代碼實現:
function quickSort(arr, left, right) {
? ?let len = arr.length;
? ?let partitionIndex;
? ?left = typeof left != 'number' ? 0 : left;
? ?right = typeof right != 'number' ? len - 1 : right;
? ?if (left < right) {
? ? ? ?partitionIndex = partition(arr, left, right);
? ? ? ?quickSort(arr, left, partitionIndex - 1);
? ? ? ?quickSort(arr, partitionIndex + 1, right);
? ?}
? ?return arr;
}
//分區(qū)操作
function partition(arr, left, right) {
? ?let pivot = left;
? ?let index = pivot + 1;
? ?for (let i = index; i <= right; i++) {
? ? ? ?if (arr[i] < arr[pivot]) {
? ? ? ? ? ?swap(arr, i, index);
? ? ? ? ? ?index++;
? ? ? ?}
? ?}
? ?swap(arr, pivot, index - 1);
? ?return index - 1;
}
function swap(arr, i, j) {
? ?let temp = arr[i];
? ?arr[i] = arr[j];
? ?arr[j] = temp;
}
堆排序(Heap Sort)
堆排序須知:
堆排序可以說是一種利用堆的概念來排序的選擇排序。分為兩種方法:
大頂堆:每個節(jié)點的值都大于或等于其子節(jié)點的值,在堆排序算法中用于升序排列
小頂堆:每個節(jié)點的值都小于或等于其子節(jié)點的值,在堆排序算法中用于降序排列
堆排序動圖演示:

Heap Sort 動圖演示 算法可視化來源:http://www.ee.ryerson.ca/~courses/coe428/sorting/heapsort.html
堆排序JavaScript代碼實現:
let len;
function heapSort(arr) {
? ?buildMaxHeap(arr);
? ?for (let i = arr.length - 1; i > 0; i--) {
? ? ? ?swap(arr, 0, i);
? ? ? ?len--;
? ? ? ?heapify(arr, 0);
? ?}
? ?return arr;
}
function buildMaxHeap(arr) { ? //建立大頂堆
? ?len = arr.length;
? ?for (let i = Math.floor(len / 2); i >= 0; i--) {
? ? ? ?heapify(arr, i);
? ?}
}
//堆調整
function heapify(arr, i) {
? ?let left = 2 * i + 1;
? ?let right = 2 * i + 2;
? ?let largest = i;
? ?if (left < len && arr[left] > arr[largest]) {
? ? ? ?largest = left;
? ?}
? ?if (right < len && arr[right] > arr[largest]) {
? ? ? ?largest = right;
? ?}
? ?if (largest !== i) {
? ? ? ?swap(arr, i, largest);
? ? ? ?heapify(arr, largest);
? ?}
}
function swap(arr, i, j){
? ?let ?temp = arr[i];
? ?arr[i] = arr[j];
? ?arr[j] = temp;
}
計數排序(Counting Sort)
計數排序須知:
計數排序的核心在于將輸入的數據值轉化為鍵存儲在額外開辟的數組空間中。
作為一種線性時間復雜度的排序,計數排序要求輸入的數據必須是有確定范圍的整數。
計數排序動圖演示:

Counting Sort 動圖演示 算法可視化來源:http://visualgo.net/
計數排序JavaScript代碼實現:
/**
* 計數排序算法的實現
* @param arr
* ? ? ?需要排序的數組
* @returns {*}
* ? ? ?排序好了的數組
*/
function countingSort(arr, maxValue){
? ?let bucket = new Array(maxValue+1);
? ?let sortedIndex = 0;
? ?let arrLen = arr.length;
? ?let bucketLen = maxValue + 1;
? ?for (let i = 0; i < arrLen; i++) {
? ? ? ?if (!bucket[arr[i]]) {
? ? ? ? ? ?bucket[arr[i]] = 0;
? ? ? ?}
? ? ? ?bucket[arr[i]]++;
? ?}
? ?for (let 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代碼實現:
/**
* 桶排序算法的實現
* @param arr
* ? ? ?需要排序的數組
* @returns {*}
* ? ? ?排序好了的數組
*/
function bucketSort(arr, bucketSize) {
? ?if (arr.length === 0) {
? ? ? ?return arr;
? ?}
? ?let i;
? ?let minValue = arr[0];
? ?let maxValue = arr[0];
? ?for (i = 1; i < arr.length; i++) {
? ? ? ?//輸入數據的最小值
? ? ? ?if (arr[i] < minValue) {
? ? ? ? ? ?minValue = arr[i];
? ? ? ?} else if (arr[i] > maxValue) {
? ? ? ? ? ?//輸入數據的最大值
? ? ? ? ? ?maxValue = arr[i];
? ? ? ?}
? ?}
? ?//桶的初始化
? ?//設置桶的默認數量為5
? ?let DEFAULT_BUCKET_SIZE = 5;
? ?bucketSize = bucketSize || DEFAULT_BUCKET_SIZE;
? ?let bucketCount = Math.floor((maxValue - minValue) / bucketSize) + 1;
? ?let buckets = new Array(bucketCount);
? ?for (i = 0; i < buckets.length; i++) {
? ? ? ?buckets[i] = [];
? ?}
? ?//利用映射函數將數據分配到各個桶中
? ?for (i = 0; i < arr.length; i++) {
? ? ? ?buckets[Math.floor((arr[i] - minValue) / bucketSize)].push(arr[i]);
? ?}
? ?arr.length = 0;
? ?for (i = 0; i < buckets.length; i++) {
? ? ? ?//對每個桶進行排序,這里使用了插入排序
? ? ? ?insertionSort(buckets[i]);
? ? ? ?for (let j = 0; j < buckets[i].length; j++) {
? ? ? ? ? ?arr.push(buckets[i][j]);
? ? ? ?}
? ?}
? ?return arr;
}
基數排序(Radix Sort)
基數排序須知:
基數排序有兩種方法:
MSD 從高位開始進行排序
LSD 從低位開始進行排序
基數排序 vs 計數排序 vs 桶排序
這三種排序算法都利用了桶的概念,但對桶的使用方法上有明顯差異:
基數排序:根據鍵值的每位數字來分配桶
計數排序:每個桶只存儲單一鍵值
桶排序:每個桶存儲一定范圍的數值
LSD基數排序動圖演示:

Radix Sort 動圖演示 算法可視化來源:http://visualgo.net/
基數排序JavaScript代碼實現:
/**
* 基數序算法的實現
* @param arr
* ? ? ?需要排序的數組
* @returns {*}
* ? ? ?排序好了的數組
*/
let counter = [];
function radixSort(arr, maxDigit) {
? ?let mod = 10;
? ?let dev = 1;
? ?for (let i = 0; i < maxDigit; i++, dev *= 10, mod *= 10) {
? ? ? ?for (let j = 0; j < arr.length; j++) {
? ? ? ? ? ?let bucket = (arr[j] % mod) / dev;
? ? ? ? ? ?if (counter[bucket] == null) {
? ? ? ? ? ? ? ?counter[bucket] = [];
? ? ? ? ? ?}
? ? ? ? ? ?counter[bucket].push(arr[j]);
? ? ? ?}
? ? ? ?let pos = 0;
? ? ? ?for (let j = 0; j < counter.length; j++) {
? ? ? ? ? ?let value = null;
? ? ? ? ? ?if (counter[j] != null) {
? ? ? ? ? ? ? ?while ((value = counter[j].shift()) != null) {
? ? ? ? ? ? ? ? ? ?arr[pos++] = value;
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}
? ? ? ?}
? ?}
? ?return arr;
}