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 相关文章推荐
js获取图片长和宽度的代码
Nov 24 Javascript
JavaScript的public、private和privileged模式
Dec 28 Javascript
javascript字母大小写转换的4个函数详解
May 09 Javascript
理解javascript中的回调函数(callback)
Sep 02 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
详解Vue用axios发送post请求自动set cookie
May 10 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
Nov 15 Javascript
Vue组件之高德地图地址选择功能的实例代码
Jun 21 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
Aug 26 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
Aug 03 Javascript
如何正确理解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
有关JSON以及JSON在PHP中的应用
2010/04/09 PHP
IIS下PHP连接数据库提示mysql undefined function mysql_connect()
2010/06/04 PHP
PHP使用ActiveMQ实例
2018/02/05 PHP
Alliance vs AM BO3 第一场2.13
2021/03/10 DOTA
js移除事件 js绑定事件实例应用
2012/11/28 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
2016/08/19 Javascript
weUI应用之JS常用信息提示弹层的封装
2016/11/21 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
2017/09/08 Javascript
jQuery实现轮播图效果
2019/11/26 jQuery
[07:37]DOTA2-DPC中国联赛2月2日Recap集锦
2021/03/11 DOTA
python去除字符串中的换行符
2017/10/11 Python
Python文件的读写和异常代码示例
2017/10/31 Python
python opencv 图像尺寸变换方法
2018/04/02 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
Linux下多个Python版本安装教程
2018/08/15 Python
python-opencv颜色提取分割方法
2018/12/08 Python
浅谈PySpark SQL 相关知识介绍
2019/06/14 Python
Python-接口开发入门解析
2019/08/01 Python
Matplotlib使用Cursor实现UI定位的示例代码
2020/03/12 Python
使用Django实现把两个模型类的数据聚合在一起
2020/03/28 Python
在python中使用pyspark读写Hive数据操作
2020/06/06 Python
用Python 执行cmd命令
2020/12/18 Python
Python .py生成.pyd文件并打包.exe 的注意事项说明
2021/03/04 Python
加拿大城市本地限时优惠:Buytopia.ca
2018/09/19 全球购物
微软加拿大官方网站:Microsoft Canada
2019/04/28 全球购物
台湾专柜女包:KINAZ
2019/12/26 全球购物
逻辑链路控制协议
2016/10/01 面试题
网络工程与软件技术毕业生自荐信
2013/09/24 职场文书
实习单位接收函模板
2014/01/10 职场文书
竞选卫生委员演讲稿
2014/04/28 职场文书
债务追讨授权委托书范本
2014/10/16 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
青年文明号申报材料
2014/12/23 职场文书
陪护人员误工证明
2015/06/24 职场文书
2015年计算机教学工作总结
2015/07/22 职场文书