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 面向对象,实现namespace,class,继承,重载
Oct 29 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
Jun 25 Javascript
Dom与浏览器兼容性说明
Oct 25 Javascript
JS去除数组重复值的五种不同方法
Sep 06 Javascript
jquery遍历checkbox介绍
Feb 21 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
Jul 31 Javascript
字符串反转_JavaScript
Apr 28 Javascript
深入探究angular2 UI组件之primeNG用法
Jul 26 Javascript
React Native 集成jpush-react-native的示例代码
Aug 16 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
Jun 29 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
Nov 27 jQuery
vue实现文字加密功能
Sep 27 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变量范围介绍
2012/10/15 PHP
php程序总是提示验证码输入有误解决方案
2015/01/07 PHP
Yii2 队列 shmilyzxt/yii2-queue 简单概述
2017/08/02 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
jquery模拟按下回车实现代码
2011/09/20 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
js文件Cookie存取值示例代码
2014/02/20 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
对js关键字命名的疑问介绍
2014/04/25 Javascript
JS中getYear()和getFullYear()区别分析
2014/07/04 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
2015/01/18 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
jQuery实现移动端Tab选项卡效果
2017/03/15 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
2017/05/15 jQuery
angularjs 的数据绑定实现原理
2018/07/02 Javascript
es6 filter() 数组过滤方法总结
2019/04/03 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
2019/11/05 Javascript
js实现html滑动图片拼图验证
2020/06/24 Javascript
理解Python中的With语句
2015/02/02 Python
使用PDB简单调试Python程序简明指南
2015/04/25 Python
在Python中操作字符串之replace()方法的使用
2015/05/19 Python
简述Python中的进程、线程、协程
2016/03/18 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
利用Python计算KS的实例详解
2020/03/03 Python
微软加拿大官方网站:Microsoft Canada
2019/04/28 全球购物
德国旅行、体验和活动的预订平台:Watado
2019/12/04 全球购物
会计应聘求职信范文
2013/12/17 职场文书
大学班长的职责
2014/01/27 职场文书
人生遥控器观后感
2015/06/11 职场文书
SQLServer2019 数据库环境搭建与使用的实现
2021/04/08 SQL Server
教你怎么用python爬取爱奇艺热门电影
2021/05/20 Python
《我的美好婚事》动画化决定纪念插画与先导PV公开
2022/04/06 日漫