image.png

以从小到大排序为例子

冒泡排序

比较相邻连个元素之间的大小,如果前面的比后面的大就交换位置
冒泡.webp

  1. function bubbleSort(arr) {
  2. console.log('%c ----开始排序-----', 'background-color: green; color: white')
  3. const len = arr.length;
  4. for(let i = 0; i < len - 1; i++) {
  5. console.log(`i=${i} ##%c ${arr.join(', ')}`, 'color: red')
  6. for(let j = 0; j < len - 1 - i; j++) {
  7. if (arr[j] > arr[j+1]) {
  8. [arr[j], arr[j+1]] = [arr[j+1], arr[j]]
  9. }
  10. console.log(` i=${i}, j=${j} ##%c ${arr.join(', ')}`, 'color: red')
  11. }
  12. }
  13. console.log('%c ----排序完成-----', 'background-color: green; color: white')
  14. return arr;
  15. }
  16. var arr = [6, 5, 8, 7, 2, 0, 3, 1, 4, 9]
  17. console.log('排序前:', arr.join(', '))
  18. console.log('排序后:', bubbleSort(arr).join(', '))

冒泡排序第1次遍历后会将最大值放到最右边,这个最大值也是全局最大值。
_
假如从开始的第一对到结尾的最后一对,相邻的元素之间都没有发生交换的操作,这意味着右边的元素总是大于等于左边的元素,此时的数组已经是有序的了,我们无需再对剩余的元素重复比较下去了。

  1. function bubbleSortOptimization(arr) {
  2. if (arr.length < 2) return arr;
  3. console.log('%c ----开始排序-----', 'background-color: green; color: white')
  4. const len = arr.length;
  5. for(let i = 0; i < len - 1; i++) {
  6. console.log(`i=${i} ##%c ${arr.join(', ')}`, 'color: red')
  7. let flag = false
  8. for(let j = 0; j < len - 1 - i; j++) {
  9. if (arr[j] > arr[j+1]) {
  10. [arr[j], arr[j+1]] = [arr[j+1], arr[j]]
  11. flag = true;
  12. }
  13. console.log(` i=${i}, j=${j} ##%c ${arr.join(', ')}`, 'color: red')
  14. }
  15. if (!flag) {
  16. console.log('一轮下来没有发上交换,说明数组已经是有序的了,直接结束掉')
  17. break;
  18. }
  19. }
  20. console.log('%c ----排序完成-----', 'background-color: green; color: white')
  21. return arr;
  22. }
  23. var arr = [6, 5, 8, 7, 2, 0, 3, 1, 4, 9]
  24. console.log('排序前:', arr.join(', '))
  25. console.log('排序后:', bubbleSortOptimization(arr).join(', '))

选择排序

首先,找到数组中最小的那个元素,
其次,将它和数组的第一个元素交换位置(如果第一个元素就是最小元素那么它就和自己交换)。
然后,在剩下的元素中找到最小的元素,将它与数组的第二个元素交换位置。如此往复,直到将整个数组排序。这种方法我们称之为选择排序

select.gif

  1. function selectSort (arr) {
  2. if (arr.length < 2) return arr;
  3. console.log('%c ----开始排序-----', 'background-color: green; color: white')
  4. const len = arr.length;
  5. for(let i = 0; i < len - 1; i++) {
  6. let index = i
  7. for(let j = i + 1; j < len; j++) {
  8. if (arr[index] > arr[j]) {
  9. index = j
  10. }
  11. }
  12. [arr[index], arr[i]]= [arr[i], arr[index]];
  13. console.log(`${i + 1}轮结果: ##%c ${arr.join(', ')}`, 'color: red')
  14. }
  15. console.log('%c ----排序完成-----', 'background-color: green; color: white')
  16. return arr
  17. }
  18. var arr = [6, 5, 8, 7, 2, 0, 3, 1, 4, 9]
  19. console.log('排序前:', arr.join(', '))
  20. console.log('排序后:', selectSort(arr).join(', '))

插入排序

我们在玩打牌的时候,你是怎么整理那些牌的呢?一种简单的方法就是一张一张的来,将每一张牌插入到其他已经有序的牌中的适当位置。当我们给无序数组做排序的时候,为了要插入元素,我们需要腾出空间,将其余所有元素在插入之前都向右移动一位,这种算法我们称之为插入排序

  • 左边是有序区,右边是无序去
  • 依次拿无序去的每一个元素与有序区进行比较(从右往左比较),找到一个合适的位置(左边的元素比他小右边的元素比他大),插进去

insert.webp

  1. function insertSort (arr) {
  2. let len = arr.length
  3. if (len < 2) return arr
  4. for(let i = 1; i < len; i++) {
  5. let temp = arr[i]
  6. let k = i - 1;
  7. while (k >= 0 && arr[k] > temp) { // k就是temp要插入的位置
  8. k--;
  9. }
  10. // 腾挪位置插入
  11. for(let j = i; j > k + 1; j--) {
  12. arr[j] = arr[j - 1]
  13. }
  14. arr[k + 1] = temp
  15. }
  16. return arr
  17. }
  18. var arr = [6, 5, 8, 7, 2, 0, 3, 1, 4, 9]
  19. console.log('排序前:', arr.join(', '))
  20. console.log('排序后:', insertSort(arr).join(', '))

**

希尔排序

希尔排序可以说是插入排序的一种变种。无论是插入排序还是冒泡排序,如果数组的最大值刚好是在第一位,要将它挪到正确的位置就需要 n - 1 次移动。也就是说,原数组的一个元素如果距离它正确的位置很远的话,则需要与相邻元素交换很多次才能到达正确的位置,这样是相对比较花时间了。

利用二分法的思想优化插入排序

image.png

shellSort.webp

  1. function shellSort(arr) {
  2. let len = arr.length;
  3. if (len < 2) return arr
  4. let gap = 1
  5. while (gap < len / 3) { // 动态定义间隔序列
  6. gap = gap * 3 + 1;
  7. }
  8. //上面是设置动态增量算法
  9. //下面是其实是插入排序 和 冒泡排序交换位置
  10. while (gap >= 1) {
  11. for (let i = 0; i < len; i++) { //插入排序
  12. for (let j = i; j >= gap && arr[j] < arr[j - gap]; j -= gap) {
  13. [arr[j- gap], arr[j]] = [arr[j], arr[j- gap]]
  14. }
  15. }
  16. gap = (gap-1)/3;
  17. }
  18. return arr
  19. }
  20. console.log(shellSort([84, 83, 88, 87,61,50, 70,60,80,99]).join(', '))
  21. // 交换法,性能比插入排序还差
  22. function shellSort2 (arr) {
  23. let len = arr.length;
  24. if (len < 2) return arr;
  25. let count = 0; // 第几轮
  26. for (let gap = Math.floor(len / 2); gap > 0; gap = Math.floor(gap / 2)) {
  27. for (let i = gap; i < len; i++) {
  28. for(let j = i - gap; j >= 0; j -= gap) {
  29. if (arr[j] > arr[j + gap]) {
  30. [arr[j], arr[j + gap]] = [arr[j + gap], arr[j]]
  31. }
  32. }
  33. }
  34. count ++;
  35. console.log(`第${count}轮: ${arr.join(', ')}`)
  36. }
  37. return arr
  38. }
  39. console.log(shellSort2([8, 9, 1, 7, 5, 4, 6, 0]).join(', '))
  40. // 移位法
  41. function shellSort3 (arr) {
  42. let len = arr.length;
  43. if (len < 2) return arr;
  44. let count = 0;
  45. for (let gap = Math.floor(len / 2); gap > 0; gap = Math.floor(gap / 2)) {
  46. for (let i = gap; i < len; i++) {
  47. let j = i;
  48. let temp = arr[j]
  49. if (arr[j] < arr[j - gap]) {
  50. while (j >= gap && arr[j - gap] > temp) {
  51. arr[j] = arr[j - gap];
  52. j -= gap;
  53. }
  54. arr[j] = temp;
  55. arr[j] = temp
  56. }
  57. }
  58. count ++;
  59. console.log(`第${count}轮: ${arr.join(', ')}`)
  60. }
  61. return arr
  62. }
  63. console.log(shellSort3([8, 9, 1, 7, 5, 4, 6, 0]).join(', '))

归并排序

将一个大的无序数组有序,我们可以把大的数组分成两个,然后对这两个数组分别进行排序,之后在把这两个数组合并成一个有序的数组。由于两个小的数组都是有序的,所以在合并的时候是很快的。
通过递归的方式将大的数组一直分割,直到数组的大小为 1,此时只有一个元素,那么该数组就是有序的了,之后再把两个数组大小为1的合并成一个大小为2的,再把两个大小为2的合并成4的 ….. 直到全部小的数组合并起来。
image.png
guibing.webp

  1. // 作为一种典型的分而治之思想的算法应用,归并排序的实现由两种方法
  2. function merge(left, right) { // 采用自上而下的递归
  3. const result = []
  4. while (left.length && right.length) {
  5. if (left[0] < right[0]) {
  6. result.push(left.shift())
  7. } else {
  8. result.push(right.shift())
  9. }
  10. }
  11. while (left.length) {
  12. result.push(left.shift())
  13. }
  14. while (right.length) {
  15. result.push(right.shift())
  16. }
  17. return result
  18. }
  19. function mergeSort (arr) {
  20. let len = arr.length
  21. if (len < 2) return arr
  22. let mid = Math.floor(len / 2)
  23. return merge(mergeSort(arr.slice(0, mid)), mergeSort(arr.slice(mid)))
  24. }
  25. console.log(mergeSort([6, 5, 8, 7, 2, 0, 3, 1, 4, 9]).join(', '))

快速排序

  1. 以第一个元素为基准,后面的数依次和它比较,最后剩下的数分成两组,一组比它大,一组比它小
  2. 现在就可以认为这个基准数在有序的位置了,那么他的左边和右边分别按照步骤一进行比较
  3. 如果数组长度为0或1就不在比较,所有分组运行完成,排序就结束了

image.png
quick.webp

  1. function quickSort (arr, left, right) {
  2. const len = arr.length
  3. if(len < 2) return arr
  4. if(left === undefined) left = 0
  5. if(right === undefined) right = arr.length
  6. if(left < right) {
  7. const midIndex = patition(arr, left, right)
  8. quickSort(arr, left, midIndex - 1)
  9. quickSort(arr, midIndex + 1, right)
  10. }
  11. return arr
  12. }
  13. // 理解快速排序,关键在第一步,如何划分区间的
  14. function patition (arr, left, right) {
  15. let pivot = left // 分区操作
  16. let index = pivot + 1 // 设定基准值(pivot)
  17. for(let i = index; i <= right; i++) {
  18. if(arr[pivot] > arr[i]) {
  19. ;[arr[index], arr[i]] = [arr[i], arr[index]];
  20. index++
  21. }
  22. }
  23. [arr[index - 1], arr[pivot]] = [arr[pivot], arr[index - 1]]
  24. return index - 1
  25. }
  26. console.log('quickSort', quickSort([6, 5, 8, 7, 2, 0, 3, 1, 4, 9]).join(', '))

计数排序

分布式排序使用已组织好的辅助数据结构(称为桶), 然后进行合并,得到排好序的数组。计数排序使用-一个用来存储每个元素在原始数组中出现次数的临时数组。在所有元素都计数完成后,临时数组已排好序并可迭代以构建排序后的结果数组。
计数排序不是基于比较的排序算法,其核心在于将输入的数据值转化为键存储在额外开辟的数组空间中。 作为一种线性时间复杂度的排序,计数排序要求输入的数据必须是有确定范围的整数。
image.png
􏽔􏰁􏻴􏱨􏱩􏴄􏱪􏱫􏸓􏱽􏱱􏱯􏱩􏰜􏳰􏿢􏴼􏱽􏱱􏲚􏳐􏰚􏳻􏰪􏱆􏱇􏳰􏱫􏰤􏰥􏰦􏰜􏱨􏳭􏲧􏰦􏰻􏱚􏱯􏰚 􏵏􏰝􏰞􏰶􏱘􏵷􏵸􏰦􏱽􏱱􏲚􏳐􏰚􏲂􏲠􏹡􏵁􏱽􏱱􏱨􏰞􏱬􏱽􏱱􏲧􏰻􏱚􏰦􏰤􏻆􏰦􏲚􏳐􏱯􏰚􏱬􏲹􏳈􏱘􏰜􏰡􏳃 􏱽􏱱􏰕􏴁􏰠􏰚􏳻􏰪􏴌􏱰􏰦􏰜􏰹􏱷􏱫􏰽􏳒􏰻􏱚􏰕􏽔􏰁􏻴􏱨􏱩􏴄􏱪􏱫􏸓􏱽􏱱􏱯􏱩􏰜􏳰􏿢􏴼􏱽􏱱􏲚􏳐􏰚􏳻􏰪􏱆􏱇􏳰􏱫􏰤􏰥􏰦􏰜􏱨􏳭􏲧􏰦􏰻􏱚􏱯􏰚 􏵏􏰝􏰞􏰶􏱘􏵷􏵸􏰦􏱽􏱱􏲚􏳐􏰚􏲂􏲠􏹡􏵁􏱽􏱱􏱨􏰞􏱬􏱽􏱱􏲧􏰻􏱚􏰦􏰤􏻆􏰦􏲚􏳐􏱯􏰚􏱬􏲹􏳈􏱘􏰜􏰡􏳃 􏱽􏱱􏰕􏴁􏰠􏰚􏳻􏰪􏴌􏱰􏰦􏰜􏰹􏱷􏱫􏰽􏳒􏰻􏱚􏰕849589-20171015231740840-6968181.gif

  1. function countingSort(array) {
  2. if (array.length < 2) {
  3. return array;
  4. }
  5. const maxValue = findMaxValue(array);
  6. let sortedIndex = 0;
  7. const counts = new Array(maxValue + 1);
  8. array.forEach(element => {
  9. if (!counts[element]) {
  10. counts[element] = 0;
  11. }
  12. counts[element]++;
  13. });
  14. // console.log('Frequencies: ' + counts.join());
  15. //forEach 方法按升序为数组中含有效值的每一项执行一次callback 函数,那些已删除(使用delete方法等情况)或者未初始化的项将被跳过(但不包括那些值为 undefined 的项)(例如在稀疏数组上)
  16. // key 为 负数 不会遍历
  17. counts.forEach((element, i) => {
  18. while (element > 0) {
  19. array[sortedIndex++] = i;
  20. element--;
  21. }
  22. });
  23. return array;
  24. }

桶排序

桶排序是计数排序的升级版。它利用了函数的映射关系,高效与否的关键就在于这个映射函数的确定。桶排序 (Bucket sort)的工作的原理:假设输入数据服从均匀分布,将数据分到有限数量的桶里,每个桶再分别排序(有可能再使用别的排序算法或是以递归方式继续使用桶排序进行排)。

image.png

  1. function createBuckets(array, bucketSize) {
  2. let minValue = array[0];
  3. let maxValue = array[0];
  4. for (let i = 1; i < array.length; i++) {
  5. if (array[i] < minValue) {
  6. minValue = array[i];
  7. } else if (array[i] > maxValue) {
  8. maxValue = array[i];
  9. }
  10. }
  11. const bucketCount = Math.floor((maxValue - minValue) / bucketSize) + 1;
  12. const buckets = [];
  13. for (let i = 0; i < bucketCount; i++) {
  14. buckets[i] = [];
  15. }
  16. for (let i = 0; i < array.length; i++) {
  17. buckets[Math.floor((array[i] - minValue) / bucketSize)].push(array[i]);
  18. }
  19. return buckets;
  20. }
  21. function sortBuckets(buckets) {
  22. const sortedArray = [];
  23. for (let i = 0; i < buckets.length; i++) {
  24. if (buckets[i] != null) {
  25. insertionSort(buckets[i]); // 调用插入排序
  26. sortedArray.push(...buckets[i]);
  27. }
  28. }
  29. return sortedArray;
  30. }
  31. function bucketSort(array, bucketSize = 5) {
  32. if (array.length < 2) {
  33. return array;
  34. }
  35. const buckets = createBuckets(array, bucketSize);
  36. return sortBuckets(buckets);
  37. }

基数排序

基数排序也是-个分布式排序算法,它根据数字的有效位或基数(这也是它为什么叫基数排序)将整数分布到桶中。基数是基于数组中值的记数制的。
使用空间换时间的经典算法
image.png

  1. const getBucketIndex = (value, minValue, significantDigit, radixBase) =>
  2. Math.floor(((value - minValue) / significantDigit) % radixBase);
  3. const countingSortForRadix = (array, radixBase, significantDigit, minValue) => {
  4. let bucketsIndex;
  5. const buckets = [];
  6. const aux = [];
  7. for (let i = 0; i < radixBase; i++) {
  8. buckets[i] = 0;
  9. }
  10. for (let i = 0; i < array.length; i++) {
  11. bucketsIndex = getBucketIndex(array[i], minValue, significantDigit, radixBase);
  12. buckets[bucketsIndex]++;
  13. }
  14. for (let i = 1; i < radixBase; i++) {
  15. buckets[i] += buckets[i - 1];
  16. }
  17. for (let i = array.length - 1; i >= 0; i--) {
  18. bucketsIndex = getBucketIndex(array[i], minValue, significantDigit, radixBase);
  19. aux[--buckets[bucketsIndex]] = array[i];
  20. }
  21. for (let i = 0; i < array.length; i++) {
  22. array[i] = aux[i];
  23. }
  24. return array;
  25. };
  26. function radixSort(array, radixBase = 10) {
  27. if (array.length < 2) {
  28. return array;
  29. }
  30. let minValue = array[0];
  31. let maxValue = array[0];
  32. for (let i = 1; i < array.length; i++) {
  33. if (minValue > array[i]) {
  34. minValue = array[i];
  35. }
  36. if (maxValue < array[i]) {
  37. maxValue = array[i];
  38. }
  39. }
  40. // Perform counting sort for each significant digit, starting at 1
  41. let significantDigit = 1;
  42. while ((maxValue - minValue) / significantDigit >= 1) {
  43. // console.log('radix sort for digit ' + significantDigit);
  44. array = countingSortForRadix(array, radixBase, significantDigit, minValue);
  45. // console.log(array.join());
  46. significantDigit *= radixBase;
  47. }
  48. return array;
  49. }
  50. console.log(radixSort([456, 789, 123, 1, 32, 4, 243, 321, 42, 90, 10, 999]))

堆排序

我们可以使用二叉堆数据结构来帮助我们创建一个非常著名的排序算法:堆排序算法。它包
含下面三个步骤。

  1. 用数组创建一个最大堆用作源数据。
  2. 在创建最大堆后,最大的值会被存储在堆的第- - 个位置。我们要将它替换为堆的最后一个值,将堆的大小减1。
  3. 最后,我们将堆的根节点下移并重复步骤2直到堆的大小为1。

我们用最大堆得到一个升序排列的数组( 从最小到最大)。如果我们想要这个数组按降序排
列,可以用最小堆代替。
image.png

849589-20171015231308699-356134237.gif

  1. function heapSort(arr) {
  2. if(arr.length < 2) return arr
  3. let heapSize = arr.length
  4. buildMaxHeap(arr)
  5. while (heapSize > 1) {
  6. --heapSize;
  7. [arr[0], arr[heapSize]] = [arr[heapSize], arr[0]];
  8. heapify(arr, 0, heapSize)
  9. }
  10. return arr
  11. }
  12. function buildMaxHeap(arr) {
  13. const index = Math.floor(arr.length / 2)
  14. for(let i = index; i >= 0; i--) {
  15. heapify(arr, i, arr.length)
  16. }
  17. }
  18. function heapify(arr, index, heapSize) { // 最大堆平衡
  19. let maxNumIndex = index
  20. const left = 2*index + 1
  21. if(left < heapSize && arr[left] > arr[maxNumIndex]){
  22. maxNumIndex= left
  23. }
  24. const right = 2*index + 2
  25. if(right < heapSize && arr[right] > arr[maxNumIndex]){
  26. maxNumIndex= right
  27. }
  28. if(maxNumIndex !== index) {
  29. [arr[index], arr[maxNumIndex]] = [arr[maxNumIndex], arr[index]]
  30. heapify(arr, maxNumIndex, heapSize)
  31. }
  32. }
  33. console.log('heapSort', heapSort([6, 5, 8, 7, 2, 0, 3, 1, 4, 9]).join(', '))

Tim排序

https://v8.dev/blog/array-sort

其他

算法复杂度

image.png
image.png
image.png

Array.prototype.sort实现

递归与递推

递推:从初值出发反复进行某一运算得到所需结果。——-从已知到未知,从小到大(比如每年长高9cm,20年180,30后270)
递归:从所需结果出发不断回溯前一运算直到回到初值再递推得到所需结果——从未知到已知,从大到小,再从小到大(你想进bat,那么编程就的牛逼,就得卸载玩者农药,努力学习)。递归(Recursion)是从归纳法(Induction)衍生出来的

  1. // 以 斐波那契数列 为例
  2. //递归求解
  3. function fib(n){
  4. return n <2 ? 1 : fib(n - 1) + fib(n - 2);
  5. }
  6. //递推求解
  7. function fib(n) {
  8. let start = 0;
  9. let fn = 1;
  10. for (let i = 0; i < n; i++) {
  11. let t = fn;
  12. fn = fn + start;
  13. start = t;
  14. }
  15. return fn;
  16. }