JavaScript算法学习之冒泡排序和选择排序


Posted in Javascript onNovember 02, 2019

前言

算法与数据结构构成了程序,数据结构用于实现数据的表示、存储、管理,算法通过使用数据完成一定的业务逻辑与操作,最终实现了程序的功能。因此算法在编程中的重要性是不言而喻的。很多复杂的算法都是借助最基本的算法实现的。本文主要选取经典排序算法中的冒泡排序与选择排序对JavaScript编程实现算法进行简单描述与说明。

JavaScript算法学习之冒泡排序和选择排序

程序算法

算法说明

算法(Algorithm)是解决问题的一种策略机制,算法也是有限操作指令的集合。按照算法策略输入符合要求的数据,最终获得解决问题的输出结果。冒泡算法与选择算法主要用于实现对无序的数字集合进行排序。算法描述分别如下:

1、冒泡排序算法

冒泡算法顾名思义,可以将待排序序列中的每一个元素看成一个个气泡,假设气泡的大小用元素的数值表示,这样的话最大气泡(最大的元素数字)会最先升起来,这一过程即为冒泡。冒泡算法的关键在于将未排序部分最大元素依次后移动,在序列尾端从小到大形成排序好的有序序列。冒泡排序示意如下图所示:

JavaScript算法学习之冒泡排序和选择排序

冒泡排序算法示意图

冒泡排序算法示意图如上图所示,其中每一行表示一次排序,排序目的找到最大值,从待排序序列中取出最大值,放到红色小球区域中,红色小球区域表示已完成排序的序列。通过上图我们可以看出,每趟排序冒泡出来的元素分别为(17,12,9,5,1)。最终排好的序列为(1,5,9,12,17)。

2、选择排序算法

选择排序是指从未排序的序列中找到最小的值并取出放到已经排好顺序的序列中,一直到未排序序列中的元素个数为零。即所有的元素都放到已经排好顺序的序列中。该算法的关键在于从未排序的序列中找到最轻(数值最小)元素,放到已经排序好的序列中。选择排序算法示意如下图所示:

JavaScript算法学习之冒泡排序和选择排序
选择排序示意图

选择排序示意图如上图所示,选择的关键在于找到最小的值,并将其放到已经排序好的序列中。上图中未排序(待排序)集合为黄色部分,排序好的部分为绿色背景部分,每一行为一次排序,排序目的找到最小元素。通过上图可知选择出来的最小值依次为(1,5,9,12,17)。

冒泡排序实现

JavaScript冒泡排序主要借助JavaScript array数字对象实现待排序序列的存储,通过循环语句遍历数组,从待排序序列的第一个元素开始与后面元素比较,如大于后面元素则交换,因此经过一趟遍历,最大元素将会跑到array数组的末尾。实现代码描述如下:

var arr1=[9,1,4,13,7,8,20,23,15]; 
 var wlen1=arr1.length;
 var count1=0;//记录总执行次数 
 for(var i=0;i<arr1.length-1;i++) { 
 for(var j=0;j<wlen1;j++) { 
 if(arr1[j]>arr1[j+1]) { 
 var temp; 
 temp=arr1[j]; 
 arr1[j]=arr1[j+1]; 
 arr1[j+1]=temp; 
 count1++; 
 } 
 } 
 wlen1=wlen1-1; 
 }

选择排序实现

按照算法描述选择排序需要使用两个JavaScript数组对象,一个为待排序序列存储数据,一个为排序完成数组。分别从待排序序列数组中找到最小值并取出存储到完成排序数组中。arr数组为待排序数组,res数组为排序完成数组。使用javaScript实现选择排序代码描述如下:

var arr=[9,1,4,13,7,8,20,23,15]; 
 var wlen=arr.length; 
 var count=0;//记录已完成排序元素数量 
 var res=[];//最终排序结果数组 
 var minvalue=0; //思路从未排序序列选择最小元素放到已经完成排序的数组中 
 for(var i=0;i<wlen;i++) { //找到最小元素 
 minvalue=arr[0]; 
 for(var j=0;j<arr.length;j++) { 
 if(minvalue>arr[j]) { 
 minvalue=arr[j]; 
 var temp; 
 temp=arr[0]; 
 arr[0]=arr[j]; 
 arr[j]=temp; 
 } 
 count++; 
 } 
 arr.shift(); 
 res[i]=minvalue; 
 }

JavaScript实现基本冒泡与选择排序算法描述如上所示,本例设计测试用例为(9,1,4,13,7,8,20,23,15),该待排序测试用例分别执行冒泡排序与选择排序,效果展示如下图

JavaScript算法学习之冒泡排序和选择排序

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
javascript中的void运算符语法及使用介绍
Mar 10 Javascript
一个简单的瀑布流效果(主体形式自写)
May 27 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
Dec 08 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
Nov 22 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
Mar 21 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
Jul 17 Javascript
关于javascript sort()排序你可能忽略的一点理解
Jul 18 Javascript
Angularjs上传图片实例详解
Aug 06 Javascript
laypage+SpringMVC实现后端分页
Jul 27 Javascript
解决vue的过渡动画无法正常实现问题
Oct 31 Javascript
jQuery轮播图功能制作方法详解
Dec 03 jQuery
如何正确理解vue中的key详解
Nov 02 #Javascript
Javascript 关于基本类型和引用类型的个人理解
Nov 01 #Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
Nov 01 #Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
Nov 01 #Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
Nov 01 #Javascript
vue实现点击追加选中样式效果
Nov 01 #Javascript
vue 导航内容设置选中状态样式的例子
Nov 01 #Javascript
You might like
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
phalcon model在插入或更新时会自动验证非空字段的解决办法
2016/12/29 PHP
深入研究PHP中的preg_replace和代码执行
2018/08/15 PHP
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
2015/01/18 Javascript
JavaScript实现彩虹文字效果的方法
2015/04/16 Javascript
JavaScript中实现map功能代码分享
2015/06/11 Javascript
js中获取键盘事件的简单实现方法
2016/10/10 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
2016/11/28 Javascript
JS中input表单隐藏域及其使用方法
2017/02/13 Javascript
20行js代码实现的贪吃蛇小游戏
2017/06/20 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
vue项目中使用bpmn-自定义platter的示例代码
2020/05/11 Javascript
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
Ubuntu下使用Python实现游戏制作中的切分图片功能
2018/03/30 Python
ubuntu16.04制作vim和python3的开发环境
2018/09/23 Python
对pandas写入读取h5文件的方法详解
2018/12/28 Python
python dict 相同key 合并value的实例
2019/01/21 Python
python使用Plotly绘图工具绘制气泡图
2019/04/01 Python
PyQt5连接MySQL及QMYSQL driver not loaded错误解决
2020/04/29 Python
实现CSS3中的border-radius(边框圆角)示例代码
2013/07/19 HTML / CSS
CSS中几个与换行有关的属性简明总结
2014/04/15 HTML / CSS
Waterford加拿大官方网站:世界著名的水晶杯品牌
2016/11/01 全球购物
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
美国在线家具网站:GDFStudio
2021/03/13 全球购物
说一下mysql, oracle等常见数据库的分页实现方案
2012/09/29 面试题
有个性的自我评价范文
2013/11/15 职场文书
环境科学毕业生自荐信
2013/11/21 职场文书
酒店总经理工作职责
2013/12/13 职场文书
毕业晚会主持词
2014/03/24 职场文书
杭白菊导游词
2015/02/10 职场文书
试用期自我评价怎么写
2015/03/10 职场文书
优秀共产党员事迹材料2016
2016/02/29 职场文书
Python NumPy灰度图像的压缩原理讲解
2021/08/04 Python