快速排序是什么?快速排序的JS实现

快速排序的工作原理是基于“分而治之”策略,通过选择基准、分区和递归排序三个步骤实现高效排序:首先从数组中选择一个基准元素,然后将数组划分为两部分,左边为小于基准的元素,右边为大于或等于基准的元素,此时基准位于最终有序位置;接着对左右两个子数组递归执行相同操作,直到子数组长度小于等于1,整个数组即有序。该算法平均时间复杂度为o(n log n),最坏情况下为o(n²),空间复杂度平均为o(log n);常见优化包括随机或三数取中法选择基准、小规模数据切换插入排序、三路分区处理重复元素以及尾递归或迭代实现以降低栈深度,从而提升整体性能和稳定性。

快速排序是什么?快速排序的JS实现

快速排序,说白了,就是一种非常高效的排序算法。它的核心思想是“分而治之”:你先从数组里挑一个元素,叫它“基准”(pivot),然后把数组里所有比基准小的元素都挪到基准的左边,比基准大的挪到右边。这样一来,基准就到了它最终该待的位置。接下来,你只要对基准左右两边的子数组重复这个过程,直到所有元素都归位,整个数组也就排好序了。它快就快在,每一步都能把问题规模缩小一大截。

/** * 快速排序的JavaScript实现 * * @param {Array} arr - 需要排序的数组 * @returns {Array} 排序后的数组 */function quickSort(arr) {    // 递归的终止条件:如果数组为空或只有一个元素,它已经是排序好的    if (arr.length <= 1) {        return arr;    }    // 选择一个基准元素。这里我习惯选择数组的最后一个元素作为基准,    // 但其实选择中间的、第一个的,甚至是随机的都可以,各有优缺点。    const pivot = arr[arr.length - 1];    // 移除基准元素,因为我们后续要把它插入到正确的位置    const remainingArr = arr.slice(0, arr.length - 1);    // 两个空数组,用来存放比基准小的和比基准大的元素    const left = [];    const right = [];    // 遍历剩余的数组,将元素分配到左右两边    for (let i = 0; i < remainingArr.length; i++) {        if (remainingArr[i] < pivot) {            left.push(remainingArr[i]);        } else {            // 这里包含了等于基准的元素,通常放在右边,也可以单独处理            right.push(remainingArr[i]);        }    }    // 递归地对左右两边的子数组进行排序,然后将它们、基准、以及右边排序后的结果拼接起来    // 这种实现方式虽然直观,但在内存消耗上可能不如原地交换的实现。    return [...quickSort(left), pivot, ...quickSort(right)];}// 示例用法:// const unsortedArray = [3, 6, 8, 10, 1, 2, 1];// const sortedArray = quickSort(unsortedArray);// console.log(sortedArray); // 输出: [1, 1, 2, 3, 6, 8, 10]// 注意:上述实现是“非原地”的,因为它创建了新的数组。// 实际生产环境中,为了性能和内存效率,更常见的是“原地”交换元素的实现,// 那会涉及更多的指针操作和数组元素的直接交换。// 例如:/*function quickSortInPlace(arr, low, high) {    if (low < high) {        let pi = partition(arr, low, high);        quickSortInPlace(arr, low, pi - 1);        quickSortInPlace(arr, pi + 1, high);    }}function partition(arr, low, high) {    let pivot = arr[high];    let i = (low - 1); // Index of smaller element    for (let j = low; j < high; j++) {        if (arr[j] < pivot) {            i++;            [arr[i], arr[j]] = [arr[j], arr[i]]; // Swap        }    }    [arr[i + 1], arr[high]] = [arr[high], arr[i + 1]]; // Swap pivot    return i + 1;}// 调用示例:// const unsortedArrayInPlace = [3, 6, 8, 10, 1, 2, 1];// quickSortInPlace(unsortedArrayInPlace, 0, unsortedArrayInPlace.length - 1);// console.log(unsortedArrayInPlace); // 输出: [1, 1, 2, 3, 6, 8, 10]*/

快速排序的工作原理是怎样的?

快速排序的“分而治之”策略,在我看来,是它最迷人的地方。它不像某些排序算法那样一步一个脚印地比较和交换,而是有点像一场递归的“分治战争”。一开始,你面对的是一个大乱斗的数组,你的任务是把它整理好。

这个过程通常分为三步:

选择基准(Pivot Selection): 这是第一步,也是很关键的一步。你需要从数组中挑一个元素作为“基准”。基准的选择方式有很多种,比如选第一个、最后一个、中间的,甚至随机选一个。不同的选择策略会对算法的性能产生影响,尤其是在处理特定输入(比如已经部分有序的数组)时。我个人在实现时,如果不是特别追求极致性能或处理特定数据,通常会选择最后一个元素,因为它比较直观。

分区(Partitioning): 选定基准后,下一步就是把数组分成两部分。所有比基准小的元素都放到基准的左边,所有比基准大的元素都放到基准的右边。这个过程完成后,基准元素就“归位”了,它现在所在的位置就是它在最终排序数组中的位置。这一步是快速排序的灵魂所在,它通过一系列的元素交换来完成,确保基准两侧的元素满足大小关系。想象一下,你把一堆大小不一的石头,按照某个标准(基准)分成两堆,小的放一边,大的放另一边,基准石子就放在中间。

递归排序(Recursive Sort): 完成分区后,基准左右两边的子数组还是无序的。但好消息是,它们现在是独立的、更小的排序问题了。所以,快速排序会对自己左右两边的子数组重复执行上述的“选择基准”和“分区”操作,直到子数组的长度变得非常小(比如只剩一个元素或为空),这时它们自然就是有序的。这种递归调用,一层层地把问题分解,再一层层地合并结果,最终就得到了一个完全有序的数组。

快速排序的性能表现如何?

谈到性能,快速排序绝对是排序算法中的明星选手,但它也有自己的“脾气”。它的性能表现,用大O表示法来说,平均情况和最好情况都是 O(n log n)。这意味着,当处理的数据量 n 增大时,它的运行时间增长得相对缓慢,非常高效。

时间复杂度:

平均情况:O(n log n)。 为什么是 n log n 呢?每次分区操作,我们都会遍历一次当前子数组的所有元素(O(n)),然后把问题规模大致减半。这种“分而治之”的模式,很自然地就导向了 log n 的层级。所以,总的来说就是 n 乘以 log n。在实际应用中,快速排序的常数因子通常很小,这让它在大多数情况下表现得比其他 O(n log n) 的算法(如归并排序)更快。最好情况:O(n log n)。 当每次分区都能把数组完美地一分为二时(比如基准总是选中了中位数),就达到了最好情况。最坏情况:O(n²)。 这是快速排序的“阿喀琉斯之踵”。如果每次都选到了一个极端值作为基准(比如数组已经完全有序,或者完全逆序,而你总是选第一个或最后一个),那么每次分区都只会把一个元素放到正确位置,而另一个子数组的长度只减少了1。这样一来,你就相当于做了 n 次 O(n) 的操作,总时间复杂度就退化成了 O(n²),跟冒泡排序差不多了。这种情况下,它的效率会变得非常低。

空间复杂度:

平均情况:O(log n)。 这主要是因为递归调用栈的开销。每次递归都会在调用栈上压入一个帧,而分治的深度是 log n。最坏情况:O(n)。 如果不幸遇到了最坏时间复杂度的情况(比如每次分区都只分出一个元素),那么递归深度就会达到 n,导致调用栈的开销也达到 O(n)。

虽然最坏情况 O(n²) 听起来有点吓人,但在实际应用中,通过一些优化技巧(比如随机选择基准、三数取中等),以及现代编程语言运行时对递归的优化,快速排序很少会退化到最坏情况。它依然是许多标准库中默认的排序算法,或者作为其他高级排序算法(如混合排序)的组成部分。

快速排序有哪些常见的优化技巧?

快速排序虽然很快,但它并非没有提升空间。针对它的一些“弱点”,比如最坏情况的性能,或者递归深度,社区里发展出了一些非常实用的优化策略。

优化基准选择(Pivot Selection):

随机选择基准: 这是最常用也最有效的优化之一。不是固定选择第一个或最后一个元素,而是从当前子数组中随机挑选一个元素作为基准。这样大大降低了遇到最坏情况的概率,因为随机性使得任何特定输入序列都很难持续导致最坏行为。三数取中法(Median-of-Three): 这种方法通常是选择子数组的第一个、中间和最后一个元素,然后取这三个数的中位数作为基准。这样做的好处是,选到极端值的概率比随机选择更低,从而减少了遇到最坏情况的可能性,同时也不会引入太大的额外计算开销。我个人很喜欢这种方法,因为它兼顾了性能和稳定性。

处理小规模子数组:

当递归到子数组的长度非常小(比如小于10或20个元素,这个阈值需要根据实际测试来确定)时,快速排序的效率其实并不高,因为递归调用的开销相对于排序本身的工作量来说变得显著。一个常见的优化是,当子数组长度小于某个阈值时,不再递归调用快速排序,而是切换到其他更适合小规模数据的排序算法,比如插入排序(Insertion Sort)。插入排序在处理小规模、接近有序的数据时表现非常出色,并且它的常数因子很小。这种混合排序策略,能有效提升整体性能。

尾递归优化(Tail Recursion Optimization):

在一些支持尾递归优化的语言(比如某些函数式语言)中,如果快速排序的递归调用是尾调用,编译器或解释器可以将其优化为迭代,从而避免了过深的递归栈。虽然JavaScript引擎在某些情况下可能会对尾调用进行优化,但并不能完全依赖它来避免所有递归深度问题。如果需要完全避免递归栈溢出,可以考虑将快速排序改写为迭代版本,通过手动维护一个栈来模拟递归过程。这会增加代码的复杂性,但在对内存和栈深度有严格要求的场景下非常有用。

优化分区过程(Partitioning):

处理相等元素: 原始的快速排序在处理大量重复元素时,效率会下降。如果所有元素都相等,它仍然会退化到 O(n²) 的情况。一种优化是,在分区时,将与基准相等的元素单独放在基准的中间,形成三路分区(Dutch National Flag Problem)。这样,下一次递归就只需要处理比基准小和比基准大的两个子数组,而跳过了相等的元素,从而显著提高了处理重复元素时的效率。

这些优化并非孤立存在,很多时候它们会结合使用,共同提升快速排序在各种场景下的表现。

以上就是快速排序是什么?快速排序的JS实现的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1514587.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月20日 08:33:09
下一篇 2025年12月20日 08:33:27

相关推荐

  • CSS mask属性无法获取图片:为什么我的图片不见了?

    CSS mask属性无法获取图片 在使用CSS mask属性时,可能会遇到无法获取指定照片的情况。这个问题通常表现为: 网络面板中没有请求图片:尽管CSS代码中指定了图片地址,但网络面板中却找不到图片的请求记录。 问题原因: 此问题的可能原因是浏览器的兼容性问题。某些较旧版本的浏览器可能不支持CSS…

    2025年12月24日
    900
  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    800
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 为什么设置 `overflow: hidden` 会导致 `inline-block` 元素错位?

    overflow 导致 inline-block 元素错位解析 当多个 inline-block 元素并列排列时,可能会出现错位显示的问题。这通常是由于其中一个元素设置了 overflow 属性引起的。 问题现象 在不设置 overflow 属性时,元素按预期显示在同一水平线上: 不设置 overf…

    2025年12月24日 好文分享
    400
  • 网页使用本地字体:为什么 CSS 代码中明明指定了“荆南麦圆体”,页面却仍然显示“微软雅黑”?

    网页中使用本地字体 本文将解答如何将本地安装字体应用到网页中,避免使用 src 属性直接引入字体文件。 问题: 想要在网页上使用已安装的“荆南麦圆体”字体,但 css 代码中将其置于第一位的“font-family”属性,页面仍显示“微软雅黑”字体。 立即学习“前端免费学习笔记(深入)”; 答案: …

    2025年12月24日
    000
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯css解决方案,让图片跟随文本高度,确保父容器的高度不会被图片影响。 解决方法 为了解决这个问题,需要将图片从文档流中脱离…

    2025年12月24日
    000
  • 为什么我的特定 DIV 在 Edge 浏览器中无法显示?

    特定 DIV 无法显示:用户代理样式表的困扰 当你在 Edge 浏览器中打开项目中的某个 div 时,却发现它无法正常显示,仔细检查样式后,发现是由用户代理样式表中的 display none 引起的。但你疑问的是,为什么会出现这样的样式表,而且只针对特定的 div? 背后的原因 用户代理样式表是由…

    2025年12月24日
    200
  • inline-block元素错位了,是为什么?

    inline-block元素错位背后的原因 inline-block元素是一种特殊类型的块级元素,它可以与其他元素行内排列。但是,在某些情况下,inline-block元素可能会出现错位显示的问题。 错位的原因 当inline-block元素设置了overflow:hidden属性时,它会影响元素的…

    2025年12月24日
    000
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 为什么使用 inline-block 元素时会错位?

    inline-block 元素错位成因剖析 在使用 inline-block 元素时,可能会遇到它们错位显示的问题。如代码 demo 所示,当设置了 overflow 属性时,a 标签就会错位下沉,而未设置时却不会。 问题根源: overflow:hidden 属性影响了 inline-block …

    2025年12月24日
    000
  • 如何利用 CSS 选中激活标签并影响相邻元素的样式?

    如何利用 css 选中激活标签并影响相邻元素? 为了实现激活标签影响相邻元素的样式需求,可以通过 :has 选择器来实现。以下是如何具体操作: 对于激活标签相邻后的元素,可以在 css 中使用以下代码进行设置: li:has(+li.active) { border-radius: 0 0 10px…

    2025年12月24日
    100
  • 为什么我的 CSS 元素放大效果无法正常生效?

    css 设置元素放大效果的疑问解答 原提问者在尝试给元素添加 10em 字体大小和过渡效果后,未能在进入页面时看到放大效果。探究发现,原提问者将 CSS 代码直接写在页面中,导致放大效果无法触发。 解决办法如下: 将 CSS 样式写在一个单独的文件中,并使用 标签引入该样式文件。这个操作与原提问者观…

    2025年12月24日
    000
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 为什么我的 em 和 transition 设置后元素没有放大?

    元素设置 em 和 transition 后不放大 一个 youtube 视频中展示了设置 em 和 transition 的元素在页面加载后会放大,但同样的代码在提问者电脑上没有达到预期效果。 可能原因: 问题在于 css 代码的位置。在视频中,css 被放置在单独的文件中并通过 link 标签引…

    2025年12月24日
    100
  • 为什么我的 Safari 自定义样式表在百度页面上失效了?

    为什么在 Safari 中自定义样式表未能正常工作? 在 Safari 的偏好设置中设置自定义样式表后,您对其进行测试却发现效果不同。在您自己的网页中,样式有效,而在百度页面中却失效。 造成这种情况的原因是,第一个访问的项目使用了文件协议,可以访问本地目录中的图片文件。而第二个访问的百度使用了 ht…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信