序言

  前端岗相比其他IT岗位,算法的要求还是比较低的。但是小白的我曾经经历腾讯、阿里、百度等大厂的校招面试,发现基本算法思想还是必须掌握的。于是最近几年开始慢慢研究基本的算法,发现《数据结构与算法JavaScript描述》特别适合前端阅读。

   接下来我们分析下面试常考的10大算法思想和使用场景。

一、冒泡排序(Bubble Sort)

  冒泡排序,是交换排序中最简单的排序方法,其主要思想是:在待排序序列中选两相邻记录的数字,如果反序则交换,直到没有反序的数列为止。

1、算法描述

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

2、代码实现

function bubbleSort(arr) {var len = arr.length;for(var i = 0;i < len;i++) {for(var j = 0;j < len-1-i;j++) {if(arr[j] > arr[j+1]) {// 相邻元素两两比较var temp = arr[j+1];// 元素交换arr[j+1] = arr[j];arr[j] = temp;}}}return arr;
}
复制代码

二、快速排序(Quick Sort)

  快速排序,是对冒泡排序的一种改进。在快速排序中,记录的比较和移动的是从两端向中间进行,数值大的记录一次就能从前面移动到后面,数值小的记录一次就能从后面移动到前面,从而减少了总的比较次数和移动次数。

1、算法描述

快速排序使用分治法把一个数列(list)分为2个数列(sub-lists),具体算法如下:

  • 从数列中挑出一个元素,称为 “基准”(pivot);
  • 重新排序数列,所有元素比基准值小的摆放在基准前面,所有元素比基准值大的摆在基准的后面(相同的数可以到任一边)。在这个分区退出之后,该基准就处于数列的中间位置。这个称为分区(partition)操作;
  • 递归地(recursive)把小于基准值元素的子数列和大于基准值元素的子数列排序。

2、代码实现

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);}
}
// 分区操作
function partition(arr, left, right) { // 设定基准值pivotvar pivot = left,index = pivot+1;for(var i = index;i<= right;i++){if(arr[i] < arr[pivot]){swap(arr, i, index);index++;}}swap(arr, pivot, index-1);return index-1;
}
// 交换数据
function swap(arr, i, j) {var temp = arr[i];arr[i] = arr[j];arr[j] = temp;
}
复制代码

三、插入排序(Insertion Sort)

  插入排序,是一类借助“插入”进行排序的方法,其主要思想是:每次将一个待排序的数字按其关键码的大小插入到一个已排好的有序序列中,直到全部数字排好序。

1、算法描述

插入排序采用in-place在数组上实现,具体算法描述如下:

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

2、代码实现

function insertionSort(arr) {var len = arr.length;var preIndex, current;// 从后向前扫描索引,当前元素数值for(var i = 1;i<len;i++) {preIndex = i-1;current = arr[i];while(preIndex >= 0 && arr[preIndex] > current) {arr[preIndex+1] = arr[preIndex];preIndex--;}arr[preIndex+1] = current;}return arr;
}
复制代码

四、希尔排序(Shell Sort)

  希尔排序,是对插入排序的一种改进,其排序的基本思想:先将整个待排序序列分割成若干个子序列,在子序列分别进行直接插入排序,待整个序列基本有序时,再对整体序列进行一次插入排序。

1、算法描述

  • 选择一个增量序列t1,t2,…,tk,其中ti>tj,tk=1;
  • 按增量序列个数k,对序列进行k 趟排序;
  • 每趟排序,根据对应的增量ti,将待排序列分割成若干长度为m 的子序列,分别对各子表进行直接插入排序。仅增量因子为1 时,整个序列作为一个表来处理,表长度即为整个序列的长度。

2、代码实现

function SellSort(arr) {var len = arr.length;for(var gap = Math.floor(len / 2); gap > 0; gap = Math.floor(gap / 2)) {// 多个分组交替执行for(var i = gap; i < len;i++) {var j = i;var current = arr[i];while (j - gap >= 0 && current < arr[j - gap]) {arr[j] = arr[j - gap];j = j - gap;}arr[j] = current;}}return arr;
}
复制代码

五、选择排序(Selection Sort)

  选择排序,是一种简单直观的排序算法,其基本思想是:首先在待排序序列中选出最小值,存放在排序序列起始位置,然后再从剩余未排序元素中继续寻找最小元素,放到已排序序列末尾。以此类推,直到所有元素均排序完毕。

1、算法描述

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趟结束,数组有序化了。

2、代码实现

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[j] < arr[minIndex]) {// 寻找最小的数minIndex = j;}}temp = arr[i];arr[i] = arr[minIndex];arr[minIndex] = temp;}return arr;
}
复制代码

六、堆排序(Heap Sort)

  堆排序,是利用堆数据结构设计的一种排序算法。堆是具有下列性质的完全二叉树:每个结点的值都小于或等于其左右孩子结点的值(称为小根堆);或者每个结点的值都大于或等于其左右孩子结点的值(称为大根堆)。

1、算法描述

  • 将初始待排序关键字序列(R1,R2….Rn)构建成大顶堆,此堆为初始的无序区;
  • 将堆顶元素R[1]与最后一个元素R[n]交换,此时得到新的无序区(R1,R2,……Rn-1)和新的有序区(Rn),且满足R[1,2…n-1]<=R[n];
  • 由于交换后新的堆顶R[1]可能违反堆的性质,因此需要对当前无序区(R1,R2,……Rn-1)调整为新堆,然后再次将R[1]与无序区最后一个元素交换,得到新的无序区(R1,R2….Rn-2)和新的有序区(Rn-1,Rn)。不断重复此过程直到有序区的元素个数为n-1,则整个排序过程完成。

2、代码实现

// 多个函数需要用到数据长度,把len设为全局变量
var 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);
}
复制代码

七、归并排序(Merge Sort)

  归并排序,是一种借助“归并”进行排序的方法,归并的含义是将两个或两个以上的有序序列归并成一个有序序列的过程。归并排序的主要思想:将若干有序序列逐步归并,最终归并为一个有序序列。

1、算法描述

  • 把长度为n的输入序列分成两个长度为n/2的子序列;
  • 对这两个子序列分别采用归并排序;
  • 将两个排序好的子序列合并成一个最终的排序序列。

2、代码实现

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 && 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;
}
复制代码

八、计数排序(Counting Sort)

  计数排序,不是基于比较的排序算法,其核心在于将输入的数据值转化为键存储在额外开辟的数组空间中。 作为一种线性时间复杂度的排序,计数排序要求输入的数据必须是有确定范围的整数。

1、算法描述

  • 找出待排序的数组中最大和最小的元素;
  • 统计数组中每个值为i的元素出现的次数,存入数组C的第i项;
  • 对所有的计数累加(从C中的第一个元素开始,每一项和前一项相加);
  • 反向填充目标数组:将每个元素i放在新数组的第C(i)项,每放一个元素就将C(i)减去1。

2、代码实现

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[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;
}
复制代码

九、桶排序(Bucket Sort)

  桶排序,是一种简单的分配排序,其工作原理:假设输入数据服从均匀分布,将数据分到有限数量的桶里,每个桶再分别排序(有可能再使用别的排序算法或是以递归方式继续使用桶排序进行排)。

1、算法描述

  • 设置一个定量的数组当作空桶;
  • 遍历输入数据,并且把数据一个一个放到对应的桶里去;
  • 对每个不是空的桶进行排序;
  • 从不是空的桶里把排好序的数据拼接起来。

2、代码实现

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;            // 设置桶的默认数量为5bucketSize = 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;
}
复制代码

十、基数排序(Radix Sort)

  基数排序,是按照低位先排序,然后收集;再按照高位排序,然后再收集;依次类推,直到最高位。

1、算法描述

  • 取得数组中的最大数,并取得位数;
  • arr为原始数组,从最低位开始取每个位组成radix数组;
  • 对radix进行计数排序(利用计数排序适用于小范围数的特点)。

2、代码实现

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[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;
}
复制代码

总结

  10种排序算法做以下总结对比,如图所示:

  从平均时间复杂度来看,7种比较排序效率由低到高依次是:
  冒泡排序 ≈ 选择排序 ≈ 插入排序< 希尔排序< 堆排序 < 归并排序< 快速排序

  快速排序是效率最高的,适用于数据量大且数值随机排列的情况。但如果数据已经基本有序的情况下,效率退化到O(n^2)。

  冒泡排序是最慢的排序算法,在实际应用是效率最低的算法,时间复杂度为O(n^2)。

  选择排序在实际应用中和冒泡排序基本差不多,使用较少。

  插入排序比冒泡排序快2倍。一般不适合数据量比较大的场合或数据重复比较多的场合。

  希尔排序比冒泡排序快5倍,比插入排序大致快2倍。Shell排序比起快速排序,归并排序,堆排序慢很多。但shell算法比较简单,特别适合数据量在5000以下且性能要求不是很高的场合。

  堆排序由于不需要大量的递归或者多维的暂存数组,只需要一个用来交换的暂存空间,因此这对于数据量非常巨大的序列是很合适的。

  归并排序比堆排序稍微快一点,由于它需要一个额外的数组,因此需要比堆排序多一些内存空间。

  数据结构的排序算法博大精深,目前我只总结了常见的10种算法,以后再学习其他排序算法,再继续与大家探讨~~

转载于:https://juejin.im/post/5cff4b6ae51d4558936aa05a

前端面试常考的10大排序算法相关推荐

  1. (面经总结)一篇文章带你整理面试过程中常考的九大排序算法

    文章目录 一.二分插入排序 1. 原理 2. 代码 二.冒泡排序 1. 原理 2. 代码 三.插入排序算法 1. 原理 2. 代码 四.快速排序算法 1. 原理 2. 代码 五.希尔排序 1. 原理 ...

  2. 面试常考的常用数据结构与算法

    面试常考的常用数据结构与算法 数据结构与算法,这个部分的内容其实是十分的庞大,要想都覆盖到不太容易.在校学习阶段我们可能需要对每种结构,每种算法都学习,但是找工作笔试或者面试的时候,要在很短的时间内考 ...

  3. 排序算法,最全的10大排序算法详解(Sort Algorithm)

    文章目录 排序算法,最全的10大排序算法详解(Sort Algorithm) 排序算法分类 排序算法稳定性 时间复杂度(time complexity) 1#时间复杂度的意义 2#基本操作执行次数 如 ...

  4. 10大排序算法之二:冒泡排序【稳定的】,但复杂度高,一般不用冒泡排序的

    10大排序算法之二:冒泡排序[稳定的],但复杂度高,一般不用冒泡排序的 提示:整个算法界,一共有十大排序算法,每一个算法都要熟悉,才算是算法入门 算法界的十大排序算法分别是: 选择排序.冒泡排序.插入 ...

  5. 面试浅谈之十大排序算法

    面试浅谈之十大排序算法 HELLO,各位博友好,我是阿呆

  6. 面试中的 10 大排序算法总结

    前言 查找和排序算法是算法的入门知识,其经典思想可以用于很多算法当中.因为其实现代码较短,应用较常见.所以在面试中经常会问到排序算法及其相关的问题.但万变不离其宗,只要熟悉了思想,灵活运用也不是难事. ...

  7. 9个元素换6次达到排序序列_程序员必须掌握的:10大排序算法梳理已整理好

    从数组中选择最小元素,将它与数组的第一个元素交换位置.再从数组剩下的元素中选择出最小的元素,将它与数组的第二个元素交换位置.不断进行这样的操作,直到将整个数组排序. 动态过程 算法原理参考:图解选择排 ...

  8. 数据结构与算法--经典10大排序算法(动图演示)【建议收藏】

    十大经典排序算法总结(动图演示) 算法分类 十大常见排序算法可分为两大类: 比较排序算法:通过比较来决定元素的位置,由于时间复杂度不能突破O(nlogn),因此也称为非线性时间比较类排序 非比较类型排 ...

  9. web前端面试常考问题——持续更新中(5.20)

    1.介绍一下你的技术栈             HTML5 + CSS3 + ES6 + Jquery + React + Webpack + git + npm .... 2.简单自我介绍 3.电商 ...

  10. JavaScript前端面试常考算法模板

    一.二分查找 使用条件 排序数组 (30-40%是二分) 当面试官要求你找一个比 O(n) 更小的时间复杂度算法的时候(99%) 找到数组中的一个分割位置,使得左半部分满足某个条件,右半部分不满足(1 ...

最新文章

  1. mysql 5.6.15_mysql-5.6.15-win32.zip免安装配置
  2. virtualbox 启动时Kernel driver not installed (rc=-1908) 错误的解决方法
  3. 线程/协程/异步的编程模型(CPU利用率为核心)
  4. 套接字错误处理函数的封装思想及函数实现
  5. HBA driver for linux
  6. 前端经常遇到的跨域问题几种解决方案
  7. 财政 | 十一月财政总结
  8. T-SQL逻辑处理之表运算符
  9. 实现Android的消息通知栏
  10. OpenGL基础24:聚光灯
  11. MVVM前后分离轻量级框架应用juicer和doT.js
  12. 8音度dsp调音教程_以速腾为例,对比加高品质DSP功放前后音响效果
  13. java 留言板_java web实现简单留言板功能
  14. matlab热应力计算,Matlab在齿轮应力计算中的应用
  15. 如何用 js 获取虚拟键盘高度?- 20170817 前端开发日报
  16. 漫漫软考路-考后总结
  17. 文本文档打开来是写字板怎么办
  18. 美团、抖音、淘宝,为什么App们爱上“群聊”?
  19. spacemacs email layer
  20. cython大白话基础教程

热门文章

  1. Masonry的使用
  2. python 模拟人生
  3. Xcode6在10.9.4上面crash解决
  4. 页面删除android4.0 Launcher仿三星平板workspace页面编辑(即页面增减)
  5. 如何知道是哪个进程造成死锁?如何把这个进程杀掉?
  6. 基于互信息的特征选择算法MATLAB实现
  7. pandas 下一行减去上一行
  8. ArcGIS学习总结(16)——反距离权重法插值及批处理(IDW)
  9. 利用HTML制作简易新闻网站的静态网页
  10. Java并发编程实践笔记(一)