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 相关文章推荐
javascript concat数组累加 示例
Sep 03 Javascript
JavaScript起点(严格模式深度了解)
Jan 28 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
JavaScript中的toLocaleDateString()方法使用简介
Jun 12 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
Mar 25 Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
Nov 01 Javascript
jQuery、zepto、js常用小技巧
Feb 12 Javascript
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
mpvue小程序仿qq左滑置顶删除组件
Aug 03 Javascript
在element-ui的select下拉框加上滚动加载
Apr 18 Javascript
详解JS实现简单的时分秒倒计时代码
Apr 25 Javascript
vue2.0项目集成Cesium的实现方法
Jul 30 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
php 模拟POST|GET操作实现代码
2010/07/20 PHP
字母顺序颠倒而单词顺序不变的php代码
2010/08/08 PHP
PHP中的排序函数sort、asort、rsort、krsort、ksort区别分析
2014/08/18 PHP
thinkPHP简单遍历数组方法分析
2016/05/16 PHP
php集成开发环境详解
2019/09/24 PHP
JavaScript 学习笔记(九)call和apply方法
2010/01/11 Javascript
JS判断元素为数字的奇异写法分享
2012/08/01 Javascript
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
2015/02/25 Javascript
详解JavaScript中的异常处理方法
2015/06/16 Javascript
JavaScript简介_动力节点Java学院整理
2017/06/26 Javascript
详解angularjs popup-table 弹出框表格指令
2017/09/20 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
2018/05/09 jQuery
微信小程序仿美团城市选择
2018/06/06 Javascript
实例讲解v-if和v-show的区别
2019/01/31 Javascript
js作用域和作用域链及预解析
2019/04/11 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
2019/06/03 Javascript
JS中如何轻松遍历对象属性的方式总结
2019/08/06 Javascript
js实现窗口全屏示例详解
2019/09/17 Javascript
vue quill editor 使用富文本添加上传音频功能
2020/01/14 Javascript
js实现数据导出为EXCEL(支持大量数据导出)
2020/03/31 Javascript
零基础写python爬虫之HTTP异常处理
2014/11/05 Python
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
Python读取本地文件并解析网页元素的方法
2018/05/21 Python
在windows下使用python进行串口通讯的方法
2019/07/02 Python
解决python对齐错误的方法
2020/07/16 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
Hawes & Curtis官网:英国经典品牌
2019/07/27 全球购物
本科毕业生自我鉴定
2013/11/02 职场文书
大四学年自我鉴定
2013/11/13 职场文书
军训考核自我鉴定
2014/02/13 职场文书
护校行动方案
2014/05/31 职场文书
中国世界遗产导游词
2015/02/13 职场文书
暂住证明怎么写
2015/06/19 职场文书
教师理论学习心得体会
2016/01/21 职场文书