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 相关文章推荐
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
js实现点小图看大图效果的思路及示例代码
Oct 28 Javascript
node.js Web应用框架Express入门指南
May 28 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
Oct 23 Javascript
JavaScript的类型、值和变量小结
Jul 09 Javascript
React Native之ListView实现九宫格效果的示例
Aug 02 Javascript
基于Vue的ajax公共方法(详解)
Jan 20 Javascript
用Vue写一个分页器的示例代码
Apr 22 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
Nov 12 Javascript
JavaScript 禁止用户保存图片的实现代码
Apr 28 Javascript
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
May 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
基于文本的搜索
2006/10/09 PHP
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
使用PHP静态变量当缓存的方法
2013/11/13 PHP
PHP中抽象类和抽象方法概念与用法分析
2016/05/24 PHP
纯CSS打造的导航菜单(附jquery版)
2010/08/07 Javascript
JS判断表单输入是否为空(示例代码)
2013/12/23 Javascript
js 验证身份证信息有效性
2014/03/28 Javascript
JQuery.get提交页面不跳转的解决方法
2015/01/13 Javascript
JavaScript中原型和原型链详解
2015/02/11 Javascript
mui框架移动开发初体验详解
2017/10/11 Javascript
javascript函数的节流[throttle]与防抖[debounce]
2017/11/15 Javascript
vue中v-for加载本地静态图片方法
2018/03/03 Javascript
Vue2.0实现简单分页及跳转效果
2019/07/29 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
2020/08/07 jQuery
Python+PIL实现支付宝AR红包
2018/02/09 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
Python中logging实例讲解
2019/01/17 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
python实现在线翻译功能
2020/03/03 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2020/03/08 Python
在Mac中PyCharm配置python Anaconda环境过程图解
2020/03/11 Python
Python获取对象属性的几种方式小结
2020/03/12 Python
Keras实现支持masking的Flatten层代码
2020/06/16 Python
python/golang 删除链表中的元素
2020/09/14 Python
python破解同事的压缩包密码
2020/10/14 Python
基于Python实现全自动下载抖音视频
2020/11/06 Python
美国名牌手表折扣网站:Jomashop
2020/05/22 全球购物
教学器材管理制度
2014/01/26 职场文书
打架检讨书500字
2014/01/29 职场文书
大型晚会策划方案
2014/02/06 职场文书
科学发展观活动总结
2014/08/28 职场文书
爱情保证书
2015/01/17 职场文书
2015年幼儿园师德师风建设工作总结
2015/10/23 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
如何通过一篇文章了解Python中的生成器
2022/04/02 Python
Python安装使用Scrapy框架
2022/04/12 Python