JavaScript实现in-place思想的快速排序方法


Posted in Javascript onAugust 07, 2016

快速排序,又称划分交换排序。以分治法为策略实现的快速排序算法。

本文主要要谈的是利用javascript实现in-place思想的快速排序

分治法:

在计算机科学中,分治法是建基于多项分支递归的一种很重要的算法范式。字面上的解释是“分而治之”,就是把一个复杂的问题分成两个或更多的相同或相似的子问题,直到最后子问题可以简单的直接求解,原问题的解即子问题的解的合并。(摘自维基百科)

快速排序的思想

数组中指定一个元素作为标尺,比它大的放到该元素后面,比它小的放到该元素前面,如此重复直至全部正序排列。

快速排序分三步:

选基准:在数据结构中选择一个元素作为基准(pivot)

划分区:参照基准元素值的大小,划分无序区,所有小于基准元素的数据放入一个区间,所有大于基准元素的数据放入另一区间,分区操作结束后,基准元素所处的位置就是最终排序后它应该所处的位置

递归:对初次划分出来的两个无序区间,递归调用第 1步和第 2步的算法,直到所有无序区间都只剩下一个元素为止。

现在先说说普遍的实现方法(没有用到原地算法)

function quickSort(arr) {
if (arr.length <= 1) return ;
//取数组最接近中间的数位基准,奇数与偶数取值不同,但不印象,当然,你可以选取第一个,或者最后一个数为基准,这里不作过多描述
var pivotIndex = Math.floor(arr.length / 2);
var pivot = arr.splice(pivotIndex, 1)[0];
//左右区间,用于存放排序后的数
var left = [];
var right = [];
console.log('基准为:' + pivot + ' 时');
for (var i = 0; i < arr.length; i++) {
console.log('分区操作的第 ' + (i + 1) + ' 次循环:');
//小于基准,放于左区间,大于基准,放于右区间
if (arr[i] < pivot) {
left.push(arr[i]);
console.log('左边:' + (arr[i]))
} else {
right.push(arr[i]);
console.log('右边:' + (arr[i]))
}
}
//这里使用concat操作符,将左区间,基准,右区间拼接为一个新数组
//然后递归1,2步骤,直至所有无序区间都 只剩下一个元素 ,递归结束
return quickSort(left).concat([pivot], quickSort(right));
}
var arr = [14, 3, 15, 7, 2, 76, 11];
console.log(quickSort(arr));
/*
* 基准为7时,第一次分区得到左右两个子集[ 3, 2,] 7 [14, 15, 76, 11];
* 以基准为2,对左边的子集[3,2]进行划分区排序,得到[2] 3。左子集排序全部结束
* 以基准为76,对右边的子集进行划分区排序,得到[14, 15, 11] 76
* 此时对上面的[14, 15, 11]以基准为15再进行划分区排序, [14, 11] 15
* 此时对上面的[14, 11]以基准为11再进行划分区排序, 11 [14]
* 所有无序区间都只剩下一个元素,递归结束
*
*/

通过断点调试,可得出结果。

弊端:

它需要Ω(n)的额外存储空间,跟归并排序一样不好。在生产环境中,需要额外的内存空间,影响性能。

同时,很多人认为上边的就是真正的快速排序了。 所以,在下面,很有必要的推荐in-place算法的快速排序

有关于原地算法可参考维基百科,被墙的同学,百度也差不多。

in-place

快速排序一般是用递归实现,最关键是partition分割函数,它将数组划分为两部分,一部分小于pivot,另一部分大于pivot。具体原理上边提过

function quickSort(arr) {
// 交换
function swap(arr, a, b) {
var temp = arr[a];
arr[a] = arr[b];
arr[b] = temp;
}
// 分区
function partition(arr, left, right) {
/**
* 开始时不知最终pivot的存放位置,可以先将pivot交换到后面去
* 这里直接定义最右边的元素为基准
*/
var pivot = arr[right];
/**
* 存放小于pivot的元素时,是紧挨着上一元素的,否则空隙里存放的可能是大于pivot的元素,
* 故声明一个storeIndex变量,并初始化为left来依次紧挨着存放小于pivot的元素。
*/
var storeIndex = left;
for (var i = left; i < right; i++) {
if (arr[i] < pivot) {
/**
* 遍历数组,找到小于的pivot的元素,(大于pivot的元素会跳过)
* 将循环i次时得到的元素,通过swap交换放到storeIndex处,
* 并对storeIndex递增1,表示下一个可能要交换的位置
*/
swap(arr, storeIndex, i);
storeIndex++;
}
}
// 最后: 将pivot交换到storeIndex处,基准元素放置到最终正确位置上
swap(arr, right, storeIndex);
return storeIndex;
}
function sort(arr, left, right) {
if (left > right) return;
var storeIndex = partition(arr, left, right);
sort(arr, left, storeIndex - 1);
sort(arr, storeIndex + 1, right);
}
sort(arr, 0, arr.length - 1);
return arr;
}
console.log(quickSort([8, 4, 90, 8, 34, 67, 1, 26, 17]));

分区的优化

这里细心的同学可能会提出,选取不同的基准时,是否会有不同性能表现,答案是肯定的,但,因为,我是搞前端的,对算法不是很了解,所以,这个坑留给厉害的人来填补。

复杂度

快速排序是排序速度最快的算法,它的时间复杂度是O(log n)

在平均状况下,排序n个项目要Ο(n log n)次比较。在最坏状况下则需要Ο(n2)次比较.

https://github.com/LYZ0106/

以上所述是小编给大家介绍的JavaScript实现in-place思想的快速排序方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
20款效果非常棒的 jQuery 插件小结分享
Nov 18 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
jQuery中读取json文件示例代码
May 10 Javascript
JavaScript事件委托技术实例分析
Feb 06 Javascript
JS实现很酷的EMAIL地址添加功能实例
Feb 28 Javascript
JavaScript实现在页面间传值的方法
Apr 07 Javascript
微信小程序 wx:for的使用实例详解
Apr 27 Javascript
vue bootstrap小例子一枚
Jun 09 Javascript
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 Javascript
微信小程序如何获取用户手机号
Jan 26 Javascript
微信小程序bindtap事件与冒泡阻止详解
Aug 08 Javascript
JavaScript this关键字的深入详解
Jan 14 Javascript
使用jQuery调用XML实现无刷新即时聊天
Aug 07 #Javascript
JS中使用FormData上传文件、图片的方法
Aug 07 #Javascript
深入理解Angular2 模板语法
Aug 07 #Javascript
JS上传图片预览插件制作(兼容到IE6)
Aug 07 #Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 #Javascript
jQuery调用Webservice传递json数组的方法
Aug 06 #Javascript
Google 地图API Map()构造器详解
Aug 06 #Javascript
You might like
PHP5 面向对象程序设计
2008/02/13 PHP
thinkphp的静态缓存用法分析
2014/11/29 PHP
Laravel框架基于ajax实现二级联动功能示例
2019/01/17 PHP
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
OfflineSave离线保存代码再次发布使用说明
2007/05/23 Javascript
jQuery实现长文字部分显示代码
2013/05/13 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
JavaScript使用Range调色及透明度实例
2016/09/25 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
2017/06/03 Javascript
微信小程序 数据绑定及运算的简单实例
2017/09/20 Javascript
深入理解vuex2.0 之 modules
2017/11/20 Javascript
jQuery实现所有验证通过方可提交的表单验证
2017/11/21 jQuery
Vue项目分环境打包的实现步骤
2018/04/02 Javascript
Vue列表渲染的示例代码
2018/11/01 Javascript
微信小程序控制台提示warning:Now you can provide attr &quot;wx:key&quot; for a &quot;wx:for&quot; to improve performance解决方法
2019/02/21 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
JQuery使用数组遍历跳出each循环
2020/09/01 jQuery
原生JS实现拖拽效果
2020/12/04 Javascript
[38:21]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS LGD-CDEC
2014/05/22 DOTA
Python实现批量检测HTTP服务的状态
2016/10/27 Python
Django卸载之后重新安装的方法
2017/03/15 Python
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
详解如何将python3.6软件的py文件打包成exe程序
2018/10/09 Python
Python 从列表中取值和取索引的方法
2018/12/25 Python
一篇文章了解Python中常见的序列化操作
2019/06/20 Python
Python自动化完成tb喵币任务的操作方法
2019/10/30 Python
测试驱动开发的主要步骤是什么
2014/12/10 面试题
党员个人公开承诺书
2014/08/29 职场文书
乡镇群众路线专项整治方案
2014/11/03 职场文书
2015年信息中心工作总结
2015/05/25 职场文书
历史名人教你十五个读书方法,赶快Get起来!
2019/07/18 职场文书
Python 文本滚动播放器的实现代码
2021/04/25 Python
nginx实现动静分离的方法示例
2021/11/07 Servers