JavaScript实现冒泡排序、插入排序的原理

1.冒泡排序:

概念：一次比较两个元素，如果他们的顺序错误就把他们交换过来，重复地进行交换直到没有再需要交换的，也就是说该数列已经排序完成。

冒泡排序是一种简单的排序算法:

• 1.它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。
• 2.走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。
• 3.这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。
• 4.比如数组 [2,3,1,4,5] 经过排序成为了 [1,2,3,4,5] 或者 [5,4,3,2,1]

如图：

冒泡排序的两层循环

• 外层循环，相当于决定数组需要进行几趟元素的交换
  • 假如说，数组中有五个元素顺序即：
  • 拿第一个依次和数组中剩余的4个元素相比，小的放前面，大的放后面（交换位置）
  • 拿第二个依次和数组中剩余的3个元素相比
  • 拿第三个依次和数组中剩余的2个元素相比
  • 拿第四个依次和数组中剩余的1个元素相比
  • 长度也就是arr.length-1
    
    
• 内层循环，相当于每趟的交换次数
  • 第一躺：交换4次
  • 第二趟：交换3次
  • 第三趟：交换2次
  • 第四趟：交换1次
  • 长度也就是 数组的长度-每趟交换的次数，但是次数是从0开始，因此最终的长度是arr.length-i-1冒泡排序比较的轮数是数组长度-1每轮比较的对数等于数组的长度减去当前的轮数

JS冒泡排序实现代码

2.插入排序：

概念：通过构建有序数组元素的存储，对未排序的数组元素，在已排序的数组中从最后一个元素向第一个元素遍历，找到相应位置并插入。

插入排序算法描述

• 一般来说，插入排序都采用 in-place 在数组上实现：
  • 从第一个元素开始，该元素可以认为已经被排序；
  • 取出下一个元素，在已经排序的元素序列中从后向前扫描；
  • 如果该元素（已排序）大于新元素，将该元素移到下一位置；
  • 重复步骤3，直到找到已排序的元素小于或者等于新元素的位置；
  • 将新元素插入到该位置后；
  • 重复步骤2~5。
    
    如图：

从图片可以看出来

• 图中的黄色部分为我们已经排好序的数组部分
• 图中的红色部分为未排好序数组中的第一个值
• 图中的蓝色部分为未排序的数组部分

我们只需要记住一点，那就是该排序是一种双循环的排序方法，只不过是一边遍历一边排序。

JS插入排序代码实现

运行结果
排序前的结果为：[10,1,3,34,12]
第一轮的排序结果为：[1,10,3,34,12]
第二轮的排序结果为：[1,3,10,34,12]
第三轮的排序结果为：[1,3,10,34,12]
第四轮的排序结果为：[1,3,10,12,34]
排序后的结果为：[1,3,10,12,34]