图解JavaScript算法排序

时间  2019-11-08
标签 图解 javascript 算法 排序 栏目 JavaScript 繁體版
原文   原文链接

1、冒泡排序

算法介绍：javascript

  1. 比较相邻的两个元素,若是前一个比后一个大，则交换位置。
  2. 第一轮把最大的元素放到了最后面。
  3. 因为每次排序最后一个都是最大的，因此以后按照步骤1排序最后一个元素不用比较。
function bubble_sort(arr){
  var swap;  
  for(var i=0;i<arr.length-1;i++){
    for(var j=0;j<arr.length-i-1;j++){
      if(arr[j]>arr[j+1]){
        swap=arr[j];
        arr[j]=arr[j+1];
        arr[j+1]=swap;
      }
    }
  }
}
复制代码

冒泡算法改进：html

  1. 设置一个标志，若是这一趟发生了交换，则为true。不然为false。若是这一趟没有发生交换，则说明排序已经完成。代码以下：
function bubble_sort_1(arr) {
  var n = arr.length,
  flag = true,
  swap;
  while(flag){
    flag = false;
    for(var j = 1; j<n; j++){
      if(arr[j - 1]>arr[j]) {
        swap = arr[j-1];
        arr[j-1] = arr[j];
        arr[j] = swap;
       flag = true;
      }0
    }
    n --;  
  }
  return arr;
}
复制代码
  1. 假如数组长度是20，若是只有前十位是无序排列的，后十位是有序且都大于前十位，因此第一趟遍历排序的时候发生交换的位置一定小于10，且该位置以后的一定有序，咱们只须要排序好该位置以前的就能够，所以咱们要来标记这个位置就能够了，便可以记录每次扫描中最后一次交换的位置，下次扫描的时候只要扫描到上次的最后交换位置就好了，由于后面的都是已经排好序的，无需再比较，代码以下：
function bubble_sort_2(arr) {
  var n=arr.length;
  var j,k;  
  var flag=n;
  var swap;
  while(flag>0) {  
    k=flag;  
    flag=0;  
    for(j=1;j<k;j++){ 
        if (arr[j - 1] > arr[j])  
        {  
            swap=arr[j-1];
            arr[j-1]=arr[j];
            arr[j]=swap;
            flag=j;  
        }  
    }  
  } 

}
复制代码
  1. 每一次循环从两头出发算出最大和最小值，代码以下：
function bubble_sort_3(arr) {&emsp;&emsp;
        var low = 0;
        var high = arr.length - 1; //设置变量的初始值
        var swap, j;
        while (low < high) {
            for (j = low; j < high; ++j) { //正向冒泡,找到最大者
                if (arr[j] > arr[j + 1]) {
                    swap = arr[j];
                    arr[j] = arr[j + 1];
                    arr[j + 1] = swap;
                }
            }&emsp;&emsp;&emsp;&emsp;--high; //修改high值, 前移一位
            for (j = high; j > low; --j) { //反向冒泡,找到最小者
                if (arr[j] < arr[j - 1]) {
                    swap = arr[j];
                    arr[j] = arr[j - 1];
                    arr[j - 1] = swap;
                }
            }
            ++low; //修改low值,后移一位
        }
        return arr;
    }
复制代码
  1. 在代码3的基础上记录每次扫描最后一次交换的位置，下次扫描的时候只要扫描到上次的最后交换位置就行，同代码2，代码以下：
function bubble_sort_3(arr) {&emsp;&emsp;
        var low = 0;
        var high = arr.length - 1; //设置变量的初始值
        var swap, j;
        while (low < high) {
            var pos1 = 0,
                pos2 = 0;
            for (let i = low; i < high; ++i) { //正向冒泡,找到最大者
                if (arr[i] > arr[i + 1]) {
                    swap = arr[i];
                    arr[i] = arr[i + 1];
                    arr[i + 1] = swap;
                    pos1 = i;
                }
            }
            high = pos1; // 记录上次位置
            for (let j = high; j > low; --j) { //反向冒泡,找到最小者
                if (arr[j] < arr[j - 1]) {
                    swap = arr[j];
                    arr[j] = arr[j - 1];
                    arr[j - 1] = swap;
                    pos2 = j;
                }
            }
            low = pos2; //修改low值
        }
        return arr;
    }
复制代码

冒泡排序动图演示：java

2、快速排序

算法介绍：git

快速排序是对冒泡排序的一种改进，第一趟排序时将数据分红两部分，一部分比另外一部分的全部数据都要小。而后递归调用，在两边都实行快速排序。算法

function quick_sort(arr){
  if(arr.length<=1){
    return arr;
  }
  var pivotIndex=Math.floor(arr.length/2);
  var pivot=arr.splice(pivotIndex,1)[0];

  var left=[];
  var right=[];
  for(var i=0;i<arr.length;i++){
    if(arr[i]<pivot){
      left.push(arr[i]);
    }else{
      right.push(arr[i]);
    }
  }

  return quick_sort(left).concat([pivot],quick_sort(right));
}
复制代码

快速排序动图演示： shell

3、选择排序

算法介绍：api

选择排序就是从一个未知数据空间里，选取之最放到一个新的空间数组

代码以下：函数

function selection_sort(arr) {
        var len = arr.length;
        var minIndex, swap;
        for (var i = 0; i < len - 1; i++) {
            minIndex = i;
            for (var j = i + 1; j < len; j++) {
                if (arr[j] < arr[minIndex]) { //寻找最小的数
                    minIndex = j; //将最小数的索引保存
                }
            }
            swap = arr[i];
            arr[i] = arr[minIndex];
            arr[minIndex] = swap;
        }
        return arr;
    }
复制代码

选择排序动图演示： 性能

4、插入排序

算法介绍：

  1. 从第一个默认被排好序的元素开始
  2. 取出下一个元素，在已经排序的元素序列中从后向前扫描
  3. 若是已排序的元素大于取出的元素，则将其分别向后移动一位
  4. 直到找到已排序的元素中小于或等于取出的元素，将取出的元素放到它的后一位
  5. 重复步骤2

代码以下：

function insertion_sort(arr) {
        for (var i = 1; i < arr.length; i++) {
            var key = arr[i];
            var j = i - 1;
            while (arr[j] > key) {
                arr[j + 1] = arr[j];
                j--;
            }
            arr[j + 1] = key;
        }
        return arr;
    }
复制代码

插入排序算法改进-二分法插入排序：

function binaryInsertion_sort(arr) {
        for (var i = 1; i < arr.length; i++) {
            var key = arr[i],
                left = 0,
                right = i - 1;
            while (left <= right) {
                var middle = parseInt((left + right) / 2);
                if (key < arr[middle]) {
                    right = middle - 1;
                } else {
                    left = middle + 1;
                }
            }
            for (var j = i - 1; j >= left; j--) {
                arr[j + 1] = arr[j];
            }
            arr[left] = key;
        }
        return arr;
    }
复制代码

插入排序法动图演示：

5、希尔排序

算法介绍：

希尔排序是冒泡排序的一种更高效率的实现。它与冒泡排序的不一样之处在于，它会优先比较距离较远的元素。希尔排序的核心在于间隔序列的设定。

上图中先每差5为一组进行比较，以后再每差2为一组惊醒比较，最后就是两两比较。代码以下：

function shell_sort(arr) {
        var len = arr.length,
            &emsp;&emsp;temp, &emsp;&emsp;gap = 1;
        while (gap < len / 5) { //动态定义间隔序列
            gap = gap * 5 + 1;
        }
        for (gap; gap > 0; gap = Math.floor(gap / 5)) {
            for (var i = gap; i < len; i++) {&emsp;&emsp;&emsp;
                temp = arr[i];
                for (var j = i - gap; j >= 0 && arr[j] > temp; j -= gap) {
                    arr[j + gap] = arr[j];
                }
                arr[j + gap] = temp;
            }
        }
        return arr;
    }
复制代码

6、归并排序

算法介绍：

做为一种典型的分而治之思想的算法应用，归并排序的实现由两种方法：

  • 自上而下的递归（全部递归的方法均可以用迭代重写，因此就有了第2种方法）
  • 自下而上的迭代

代码以下：

function merge_sort(arr) {  //采用自上而下的递归方法
    var len = arr.length;
    if(len < 2) {
        return arr;
    }
    var middle = Math.floor(len / 2),
        left = arr.slice(0, middle),
        right = arr.slice(middle);
    return merge(mergeSort(left), mergeSort(right));
}

function merge(left, right) {
    var 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;
}
复制代码

归并排序动图演示 :

7、堆排序

首先明白什么是堆，堆其实能够这么理解，相似金字塔，一层有一个元素，两层有两个元素，三层有四个元素，每层从数组中取元素，从左到右的顺序放到堆相应的位置上，也就是说每一层元素个数为2n-1 ；（n 表明行数），这就完成了建堆。

堆排序能够说是一种利用堆的概念来排序的选择排序。分为两种方法：

  • 大顶堆：每一个节点的值都大于或等于其子节点的值，在堆排序算法中用于升序排列
  • 小顶堆：每一个节点的值都小于或等于其子节点的值，在堆排序算法中用于降序排列

代码以下：

var len;    //由于声明的多个函数都须要数据长度，因此把len设置成为全局变量

function buildMaxHeap(arr) {   //创建大顶堆
    len = arr.length;
    for (var i = Math.floor(len/2); i >= 0; i--) {
        heapify(arr, i);
    }
}

function heapify(arr, i) {     //堆调整
    var left = 2 * i + 1,
        right = 2 * i + 2,
        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) {
    var temp = arr[i];
    arr[i] = arr[j];
    arr[j] = temp;
}

function heapSort(arr) {
    buildMaxHeap(arr);

    for (var i = arr.length-1; i > 0; i--) {
        swap(arr, 0, i);
        len--;
        heapify(arr, 0);
    }
    return arr;
}
复制代码

堆排序动图演示：

8、计数排序

算法介绍：

计数排序的核心在于将输入的数据值转化为键存储在额外开辟的数组空间中。 做为一种线性时间复杂度的排序，计数排序要求输入的数据必须是有肯定范围的整数。

代码以下：

function counting_sort(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;
}
复制代码

计数排序动图演示：

9、桶排序

桶排序是计数排序的升级版。它利用了函数的映射关系，高效与否的关键就在于这个映射函数的肯定。 为了使桶排序更加高效，咱们须要作到这两点：

在额外空间充足的状况下，尽可能增大桶的数量 使用的映射函数可以将输入的N个数据均匀的分配到K个桶中 同时，对于桶中元素的排序，选择何种比较排序算法对于性能的影响相当重要。 何时最快（Best Cases）：

  • 当输入的数据能够均匀的分配到每个桶中 何时最慢（Worst Cases）：
  • 当输入的数据被分配到了同一个桶中

代码演示：

function bucketSort(arr, bucketSize) {
    if (arr.length === 0) {
      return arr;
    }

    var i;
    var minValue = arr[0];
    var 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];                //输入数据的最大值
      }
    }

    //桶的初始化
    var DEFAULT_BUCKET_SIZE = 5;            //设置桶的默认数量为5
    bucketSize = bucketSize || DEFAULT_BUCKET_SIZE;
    var bucketCount = Math.floor((maxValue - minValue) / bucketSize) + 1;   
    var 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 (var j = 0; j < buckets[i].length; j++) {
            arr.push(buckets[i][j]);                      
        }
    }

    return arr;
}
复制代码

10、基数排序

基数排序须知：

基数排序有两种方法：

  • MSD 从高位开始进行排序
  • LSD 从低位开始进行排序

基数排序 vs 计数排序 vs 桶排序:

这三种排序算法都利用了桶的概念，但对桶的使用方法上有明显差别：

  • 基数排序：根据键值的每位数字来分配桶
  • 计数排序：每一个桶只存储单一键值
  • 桶排序：每一个桶存储必定范围的数值

代码演示：

function radix_sort(arr, maxDigit) {
        var mod = 10;
        var dev = 1;
        var counter = [];
        for (var i = 0; i < maxDigit; i++, dev *= 10, mod *= 10) {
            for (var j = 0; j < arr.length; j++) {
                var bucket = parseInt((arr[j] % mod) / dev);
                if (counter[bucket] == null) {
                    counter[bucket] = [];
                }
                counter[bucket].push(arr[j]);
            }
            var pos = 0;
            for (var j = 0; j < counter.length; j++) {
                var value = null;
                if (counter[j] != null) {
                    while ((value = counter[j].shift()) != null) {
                        arr[pos++] = value;
                    }
                }
            }
        }
        return arr;
    }
复制代码

基数排序动图演示：

欢迎关注

参考：www.cnblogs.com/liyongshuai…

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程