十种排序javascript实现+动画演示

算法分类

1. 比较类排序：通过比较来决定元素间的相对次序，由于其时间复杂度不能突破O(nlogn)，因此也称为非线性时间比较类排序。
2. 非比较类排序：不通过比较来决定元素间的相对次序，它可以突破基于比较排序的时间下界，以线性时间运行，因此也称为线性时间非比较类排序。

算法复杂度

相关概念

1. 稳定：如果a原本在b前面，而a=b，排序之后a仍然在b的前面。
2. 不稳定：如果a原本在b的前面，而a=b，排序之后 a 可能会出现在 b 的后面。
3. 时间复杂度：对排序数据的总的操作次数。反映当n变化时，操作次数呈现什么规律。
4. 空间复杂度：是指算法在计算机

比较类排序

冒泡排序

冒泡排序是比较基础的排序算法之一，其思想是相邻的元素两两比较，较大的数冒起来，较小的数下沉，这样一趟比较下来，最大值就会排列在一端。整个过程如同气泡冒起，因此被称作冒泡排序。

使用场景: 冒泡排序适用于数据量很小的排序场景，因为冒泡的实现方式较为简单。
算法描述:

• 比较相邻的元素。如果第一个比第二个大，就交换它们两个
• 对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对，这样在最后的元素应该会是最大的数
• 针对所有的元素重复以上的步骤，除了最后一个
• 重复步骤1~3，直到排序完成

动画演示

代码实现

let bubblearr = [3, 2, 4, 9, 1, 5, 7, 6, 8];
function bubbleSort(arr) {
   
    let i = arr.length, j;
    let maxnum;
    while (i > 0) {
   
        for (j = 0; j < i - 1; j++) {
   
            if (arr[j] > arr[j + 1]) {
   
                // 换了新方式
                // maxnum = arr[j];
                // arr[j] = arr[j + 1];
                // arr[j + 1] = maxnum;
                //解构方式替换
                [arr[j + 1], arr[j]] = [arr[j], arr[j + 1]]
            }
        }
        i--;
    }
    return arr;
}
console.log(bubbleSort(bubblearr), '冒泡排序')

选择排序

选择排序是一种简单直观的排序算法。它的工作原理是：第一次从待排序的数据元素中选出最小（或最大）的一个元素，存放在序列的起始位置，然后再从剩余的未排序元素中寻找到最小（大）元素，继续放在起始位置知道未排序元素个数为0。

使用场景: 待排序序列中，元素个数较少时。
算法描述: n个记录的直接选择排序可经过n-1趟直接选择排序得到有序结果。具体算法描述如下：

• 初始状态：无序区为R[1…n]，有序区为空
• 第i趟排序(i=1,2,3…n-1)开始时，当前有序区和无序区分别为R[1…i-1]和R(i…n）。该趟排序从当前无序区中-选出关键字最小的记录 R[k]，将它与无序区的第1个记录R交换，使R[1…i]和R[i+1…n)分别变为记录个数增加1个的新有序区和记录个数减少1个的新无序区
• n-1趟结束，数组有序化了

动画演示

代码实现

let selectarr = [3, 2, 4, 9, 1, 5, 7, 6, 8];
function selectSort(arr) {
   
    let minnum;
    for (let i = 0; i < arr.length; i++) {
   
        minnum = i; // 拿到当前值 去和后面的值比对
        for (let k = i; k < arr.length; k++) {
   
            if (arr[minnum] > arr[k]) {
   
                minnum = k;
            }
        }
        if (minnum !== i) {
   // 最小值不是当前值  则互换
            [arr[i], arr[minnum]] = [arr[minnum], arr[i]]
        }
    }
    return arr
}
console.log(selectSort(selectarr), '选择排序')

插入排序

插入排序（Insertion-Sort）的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。

使用场景: 待排序序列的元素个数不多(<=50)，且元素基本有序。
算法描述: 插入排序的步骤如下：每次从无序部分中取出一个元素，与有序部分中的元素从后向前依次进行比较，并找到合适的位置，将该元素插到有序组当中。具体算法描述如下：

• 从第一个元素开始，该元素可以认为已经被排序
• 取出下一个元素，在已经排序的元素序列中从后向前扫描
• 如果该元素（已排序）大于新元素，将该元素移到下一位置
• 重复步骤3，直到找到已排序的元素小于或者等于新元素的位置
• 将新元素插入到该位置后
• 重复步骤2~5

动画演示

代码实现

let insertionarr = [3, 2, 4, 9, 1, 5, 7, 6, 8];
function insertionSort(array) {
   
    if (Object.prototype.toString.call(array).slice(8, -1) === 'Array') {
   
        console.time('插入排序耗时：');
        for (l