前端10大经典算法
算法分类十种常见排序算法可以分为两大类：
非线性时间比力类排序：通过比力来决定元素间的相对次序，由于其时间复杂度不能突破O(nlogn)，因此称为非线性时间比力类排序。线性时间非比力类排序：不通过比力来决定元素间的相对次序，它可以突破基于比力排序的时间下界，以线性时间运行，因此称为线性时间非比力类排序。
https://img-blog.csdnimg.cn/direct/74c47f6ce2e245f68c9178cb5336f7bb.png
算法复杂度
https://img-blog.csdnimg.cn/img_convert/c6defa0b7bc575b122957e0f246a47f1.png
相关概念
稳定：如果a本来在b前面，而a=b，排序之后a仍旧在b的前面。不稳定：如果a本来在b的前面，而a=b，排序之后 a 大概会出如今 b 的背面。
时间复杂度：对排序数据的总的操作次数。反映当n变革时，操作次数出现什么规律。
空间复杂度：是指算法在盘算机内执行时所需存储空间的度量，它也是数据规模n的函数。
冒泡排序（Bubble Sort）
冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比力两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地举行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是由于越小的元素会经由交换慢慢“浮”到数列的顶端。
1.1 算法形貌
[*]比力相邻的元素。如果第一个比第二个大，就交换它们两个；
[*]对每一对相邻元素作同样的工作，从开始第一对到末端的最后一对，这样在最后的元素应该会是最大的数；
[*]针对全部的元素重复以上的步骤，除了最后一个；
[*]重复步骤1~3，直到排序完成。
1.2 动图演示
https://img-blog.csdnimg.cn/img_convert/faff629a8f2febfd7fc7038673044619.gif
1.3 代码实现
function bubbleSort(arr) {
var len = arr.length;
for (var i = 0; i < len - 1; i++) {
for (var j = 0; j < len - 1 - i; j++) {
if (arr > arr) { // 相邻元素两两对比
var temp = arr; // 元素交换
arr = arr;
arr = temp;
}
}
}
return arr;
} 选择排序（Selection Sort）
选择排序(Selection-sort)是一种简单直观的排序算法。它的工作原理：起首在未排序序列中找到最小（大）元素，存放到排序序列的起始位置，然后，再从剩余未排序元素中继续寻找最小（大）元素，然后放到已排序序列的末端。以此类推，直到全部元素均排序完毕。
2.1 算法形貌
n个记录的直接选择排序可颠末n-1趟直接选择排序得到有序效果。具体算法形貌如下：
[*]初始状态：无序区为R，有序区为空；
[*]第i趟排序(i=1,2,3…n-1)开始时，当前有序区和无序区分别为R和R(i..n）。该趟排序从当前无序区中-选出关键字最小的记录 R，将它与无序区的第1个记录R交换，使R和R[i+1..n)分别变为记录个数增长1个的新有序区和记录个数减少1个的新无序区；
[*]n-1趟结束，数组有序化了。
2.2 动图演示
https://img-blog.csdnimg.cn/img_convert/6104865b3bd44047bdfbdd3f6fc4da41.gif
2.3 代码实现
function selectionSort(arr) {
var len = arr.length;
var minIndex, temp;
for (var i = 0; i < len - 1; i++) {
minIndex = i;
for (var j = i + 1; j < len; j++) {
if (arr < arr) { // 寻找最小的数
minIndex = j; // 将最小数的索引保存
}
}
temp = arr;
arr = arr;
arr = temp;
}
return arr;
} 2.4 算法分析
表现最稳定的排序算法之一，由于无论什么数据进去都是O(n2)的时间复杂度，所以用到它的时间，数据规模越小越好。唯一的利益大概就是不占用额外的内存空间了吧。理论上讲，选择排序大概也是平常排序一样平常人想到的最多的排序方法了吧。
插入排序（Insertion Sort）
插入排序（Insertion-Sort）的算法形貌是一种简单直观的排序算法。它的工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。
3.1 算法形貌
一样平常来说，插入排序都采用in-place在数组上实现。具体算法形貌如下：
[*]从第一个元素开始，该元素可以以为已经被排序；
[*]取出下一个元素，在已经排序的元素序列中从后向前扫描；
[*]如果该元素（已排序）大于新元素，将该元素移到下一位置；
[*]重复步骤3，直到找到已排序的元素小于大概等于新元素的位置；
[*]将新元素插入到该位置后；
[*]重复步骤2~5。
3.2 动图演示
https://img-blog.csdnimg.cn/img_convert/5af790e893950dd07de4a6ace91fb188.gif
3.2 代码实现
function insertionSort(arr) {
var len = arr.length;
var preIndex, current;
for (var i = 1; i < len; i++) {
preIndex = i - 1;
current = arr;
while (preIndex >= 0 && arr > current) {
arr = arr;
preIndex--;
}
arr = current;
}
return arr;
} 3.4 算法分析
插入排序在实现上，通常采用in-place排序（即只需用到O(1)的额外空间的排序），因而在从后向前扫描过程中，需要反复把已排序元素逐步向后挪位，为最新元素提供插入空间。
希尔排序（Shell Sort）
1959年Shell发明，第一个突破O(n2)的排序算法，是简单插入排序的改进版。它与插入排序的差别之处在于，它会优先比力距离较远的元素。希尔排序又叫缩小增量排序。
4.1 算法形貌
先将整个待排序的记录序列分割成为若干子序列分别举行直接插入排序，具体算法形貌：
[*]选择一个增量序列t1，t2，…，tk，此中ti>tj，tk=1；
[*]按增量序列个数k，对序枚举行k 趟排序；
[*]每趟排序，根据对应的增量ti，将待排序列分割成若干长度为m 的子序列，分别对各子表举行直接插入排序。仅增量因子为1 时，整个序列作为一个表来处理，表长度即为整个序列的长度。
4.2 动图演示
https://img-blog.csdnimg.cn/img_convert/0e72daa610ce3ae5b97a93b9a307c96c.gif
4.3 代码实现
function shellSort(arr) {
var len = arr.length,
temp,
gap = 1;
while (gap < len / 3) { // 动态定义间隔序列
gap = gap * 3 + 1;
}
for (gap; gap > 0; gap = Math.floor(gap / 3)) {
for (var i = gap; i < len; i++) {
temp = arr;
for (var j = i-gap; j > 0 && arr> temp; j-=gap) {
arr = arr;
}
arr = temp;
}
}
return arr;
} 4.4 算法分析
希尔排序的焦点在于间隔序列的设定。既可以提前设定好间隔序列，也可以动态的界说间隔序列。动态界说间隔序列的算法是《算法（第4版）》的合著者Robert Sedgewick提出的。
归并排序（Merge Sort）
归并排序是建立在归并操作上的一种有效的排序算法。该算法是采用分治法（Divide and Conquer）的一个非常典范的应用。将已有序的子序列合并，得到完全有序的序列；即先使每个子序列有序，再使子序列段间有序。若将两个有序表合并成一个有序表，称为2-路归并。
5.1 算法形貌
[*]把长度为n的输入序列分成两个长度为n/2的子序列；
[*]对这两个子序列分别采用归并排序；
[*]将两个排序好的子序列合并成一个终极的排序序列。
5.2 动图演示
https://img-blog.csdnimg.cn/img_convert/7490c4ed74c7c47a4e8ea6f49c7d6ee1.gif
5.3 代码实现
function mergeSort(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>0 && right.length>0) {
if (left <= right) {
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;
} 5.4 算法分析
归并排序是一种稳定的排序方法。和选择排序一样，归并排序的性能不受输入数据的影响，但表现比选择排序好的多，由于始终都是O(nlogn）的时间复杂度。代价是需要额外的内存空间。
快速排序（Quick Sort）
快速排序的基本头脑：通过一趟排序将待排记录分隔成独立的两部分，此中一部分记录的关键字均比另一部分的关键字小，则可分别对这两部分记录继续举行排序，以达到整个序列有序。
6.1 算法形貌
快速排序利用分治法来把一个串（list）分为两个子串（sub-lists）。具体算法形貌如下：
[*]从数列中挑出一个元素，称为 “基准”（pivot）；
[*]重新排序数列，全部元素比基准值小的摆放在基准前面，全部元素比基准值大的摆在基准的背面（相同的数可以到任一边）。在这个分区退出之后，该基准就处于数列的中心位置。这个称为分区（partition）操作；
[*]递归地（recursive）把小于基准值元素的子数列和大于基准值元素的子数列排序。
6.2 动图演示
https://img-blog.csdnimg.cn/img_convert/5f74167af1f70df9891c0edb8a24285e.gif
6.3 代码实现
function quickSort(arr, left, right) {
var len = arr.length,
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;
}
function partition(arr, left ,right) { // 分区操作
var pivot = left, // 设定基准值（pivot）
index = pivot + 1;
for (var i = index; i <= right; i++) {
if (arr < arr) {
swap(arr, i, index);
index++;
}
}
swap(arr, pivot, index - 1);
return index-1;
}
function swap(arr, i, j) {
var temp = arr;
arr = arr;
arr = temp;
} 堆排序（Heap Sort）
堆排序（Heapsort）是指利用堆这种数据结构所设计的一种排序算法。堆积是一个近似完全二叉树的结构，并同时满足堆积的性子：即子结点的键值或索引总是小于（大概大于）它的父节点。
7.1 算法形貌
[*]将初始待排序关键字序列(R1,R2….Rn)构建成大顶堆，此堆为初始的无序区；
[*]将堆顶元素R与最后一个元素R交换，此时得到新的无序区(R1,R2,……Rn-1)和新的有序区(Rn),且满足R<=R；
[*]由于交换后新的堆顶R大概违反堆的性子，因此需要对当前无序区(R1,R2,……Rn-1)调整为新堆，然后再次将R与无序区最后一个元素交换，得到新的无序区(R1,R2….Rn-2)和新的有序区(Rn-1,Rn)。不停重复此过程直到有序区的元素个数为n-1，则整个排序过程完成。
7.2 动图演示
https://img-blog.csdnimg.cn/img_convert/6999e198ad5b616b1aab7ba2ed0ea6ca.gif
7.3 代码实现
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 > arr) {
largest = left;
}
if (right < len && arr > arr) {
largest = right;
}
if (largest != i) {
swap(arr, i, largest);
heapify(arr, largest);
}
}
function swap(arr, i, j) {
var temp = arr;
arr = arr;
arr = 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;
} 计数排序（Counting Sort）
计数排序不是基于比力的排序算法，其焦点在于将输入的数据值转化为键存储在额外开发的数组空间中。 作为一种线性时间复杂度的排序，计数排序要求输入的数据必须是有确定范围的整数。
8.1 算法形貌
[*]找出待排序的数组中最大和最小的元素；
[*]统计数组中每个值为i的元素出现的次数，存入数组C的第i项；
[*]对全部的计数累加（从C中的第一个元素开始，每一项和前一项相加）；
[*]反向添补目标数组：将每个元素i放在新数组的第C(i)项，每放一个元素就将C(i)减去1。
8.2 动图演示
https://img-blog.csdnimg.cn/img_convert/088e417f24e7b2e2788c40a3e8a1017a.gif
8.3 代码实现
function countingSort(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]) {
bucket] = 0;
}
bucket]++;
}
for (var j = 0; j < bucketLen; j++) {
while(bucket > 0) {
arr = j;
bucket--;
}
}
return arr;
} 8.4 算法分析
计数排序是一个稳定的排序算法。当输入的元素是 n 个 0到 k 之间的整数时，时间复杂度是O(n+k)，空间复杂度也是O(n+k)，其排序速度快于任何比力排序算法。当k不是很大并且序列比力集中时，计数排序是一个很有效的排序算法。
桶排序（Bucket Sort）
桶排序是计数排序的升级版。它利用了函数的映射关系，高效与否的关键就在于这个映射函数的确定。桶排序 (Bucket sort)的工作的原理：假设输入数据服从均匀分布，将数据分到有限数量的桶里，每个桶再分别排序（有大概再利用别的排序算法或是以递归方式继续利用桶排序举行排）。
9.1 算法形貌
[*]设置一个定量的数组看成空桶；
[*]遍历输入数据，并且把数据一个一个放到对应的桶里去；
[*]对每个不是空的桶举行排序；
[*]从不是空的桶里把排好序的数据拼接起来。
9.2 图片演示
https://img-blog.csdnimg.cn/img_convert/ebbec829d8c72c5c5d47e92c2e576dc9.png
9.3 代码实现
unction bucketSort(arr, bucketSize) {
if (arr.length === 0) {
return arr;
}
var i;
var minValue = arr;
var maxValue = arr;
for (i = 1; i < arr.length; i++) {
if (arr < minValue) {
minValue = arr; // 输入数据的最小值
}else if (arr > maxValue) {
maxValue = arr; // 输入数据的最大值
}
}
// 桶的初始化
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 = [];
}
// 利用映射函数将数据分配到各个桶中
for (i = 0; i < arr.length; i++) {
buckets - minValue) / bucketSize)].push(arr);
}
arr.length = 0;
for (i = 0; i < buckets.length; i++) {
insertionSort(buckets); // 对每个桶进行排序，这里使用了插入排序
for (var j = 0; j < buckets.length; j++) {
arr.push(buckets);
}
}
return arr;
} 9.4 算法分析
桶排序最好情况下利用线性时间O(n)，桶排序的时间复杂度，取决与对各个桶之间数据举行排序的时间复杂度，由于别的部分的时间复杂度都为O(n)。很显然，桶划分的越小，各个桶之间的数据越少，排序所用的时间也会越少。但相应的空间消耗就会增大。
基数排序（Radix Sort）
基数排序是按照低位先排序，然后网络；再按照高位排序，然后再网络；依次类推，直到最高位。有时间有些属性是有优先级顺序的，先按低优先级排序，再按高优先级排序。最后的次序就是高优先级高的在前，高优先级相同的低优先级高的在前。
10.1 算法形貌
[*]取得数组中的最大数，并取得位数；
[*]arr为原始数组，从最低位开始取每个位构成radix数组；
[*]对radix举行计数排序（利用计数排序适用于小范围数的特点）；
10.2 动图演示
https://img-blog.csdnimg.cn/img_convert/5e2f5edb1a4294989de2e390ff3bc986.gif
10.3 代码实现
/ LSD Radix Sort
var counter = [];
function radixSort(arr, maxDigit) {
var mod = 10;
var dev = 1;
for (var i = 0; i < maxDigit; i++, dev *= 10, mod *= 10) {
for(var j = 0; j < arr.length; j++) {
var bucket = parseInt((arr % mod) / dev);
if(counter==null) {
counter = [];
}
counter.push(arr);
}
var pos = 0;
for(var j = 0; j < counter.length; j++) {
var value =null;
if(counter!=null) {
while ((value = counter.shift()) !=null) {
arr = value;
}
}
}
}
return arr;
} 10.4 算法分析
基数排序基于分别排序，分别网络，所以是稳定的。但基数排序的性能比桶排序要略差，每一次关键字的桶分配都需要O(n)的时间复杂度，而且分配之后得到新的关键字序列又需要O(n)的时间复杂度。假如待排数据可以分为d个关键字，则基数排序的时间复杂度将是O(d*2n) ，当然d要远远小于n，因此基本上照旧线性级别的。
基数排序的空间复杂度为O(n+k)，此中k为桶的数量。一样平常来说n>>k，因此额外空间需要大概n个左右。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]