基本思想:两两比较相邻记录的关键字,如果反序则交换,直至没有反序为止。

  • 最初的冒泡排序(初级版):
 //从小到大
function BubbleSort(arr){
var i,j,temp;
for(i=0;i<arr.length-1;i++){
for(j=i+1;j<arr.length;j++){
if(arr[i]>arr[j]){
temp=arr[j];
arr[j]=arr[i];
arr[i]=temp;
}
}
}
return arr;
}
var arr=[10,7,9,11,22,33,4,2,0,1000];
BubbleSort(arr);
17 console.log(arr); //[0, 2, 4, 7, 9, 10, 11, 22, 33, 1000]

由于这样的排序仅仅是交换顺序,不算是真正的冒泡排序,效率也比较低。

当i=0,

arr[0]和它后边的每一项进行比较大小,前者大于后者,则进行交换。始终保证arr[0]为最小值。

当i=1,(arr[0]已经为最小值,不需要进行比较,)

arr[1]和它后边的每一项进行比较大小,前者大于后者,则进行交换。始终保证arr[1]为最小值(除去arr[0]以外)。

.......直至i=arr.length-2时,保证前arr.length-1项均“比较”小(小于后边的所有项),此时不再需要进行比较。(当n个数,前n-1个为“比较”小的值后,最后一个还有什么比较的意义呢??)

  • 正宗的冒泡排序(将小的数字如同气泡一样慢慢的浮上表面)
     //从小到大
function BubbleSort(arr){
var i,j,temp;
for(i=0;i<arr.length-1;i++){
for(j=arr.length-1;j>i;j--){
if(arr[j]<arr[j-1]){ //j为从后往前循环
temp=arr[j-1];
arr[j-1]=arr[j];
arr[j]=temp;
}
}
}
return arr;
}
var arr=[10,7,9,11,22,33,4,2,0,1000];
BubbleSort(arr); 17 console.log(arr);// [0, 2, 4, 7, 9, 10, 11, 22, 33, 1000]

当i=0时,

j的第1次循环:j=arr.length-1,j从数组的最后一项开始和前一项比较大小,当前者小于后者,交换位置。

j的第2次循环:j=arr.length-2,继续和前一项比较大小。

......直至j=1时结束。此时数组的第一项为最小值。

当i=2时,

j的第1次循环:j=arr.length-1,j从数组的最后一项开始和前一项比较大小,当前者小于后者,交换位置。

j的第2次循环:j=arr.length-2,继续和前一项比较大小。

......直至j=2时结束(即比较完第三项和第二项,第一项已经确定,不需要进行比较)。此时数组的第二项为最小值(除去第一项以外)。

继续循环i,i=arr.length-2时。比较j的第arr.length项和第i=arr.length-1项,即可得到最终结果。

  • 优化后的冒泡排序

当待排序的序列为{2,1,3,4,5,6,7,8,9},那么仅仅需要交换第一个和第二个关键字即可。但是前面的算法还是会将循环都执行一遍,造成了多余的计算。

此时我们可以添加一个标记变量flag。

 //从小到大
function BubbleSort(arr){
var i,j,temp;
var flag=true; //flag进行标记
for(i=0;i<arr.length-1&&flag;i++){ //若flag为false则退出循环
flag=false; //初始化为false
for(j=arr.length-1;j>i;j--){
if(arr[j]<arr[j-1]){ //j为从前往后循环
temp=arr[j-1];
arr[j-1]=arr[j];
arr[j]=temp;
flag=true; //如果有数据交换则为true
}
}
}
return arr;
}
var arr=[10,7,9,11,22,33,4,2,0,1000];
BubbleSort(arr);
console.log(arr); // [0, 2, 4, 7, 9, 10, 11, 22, 33, 1000]

标记变量声明时状态为true,进行循环后,标记变量初始化为false状态。当后边的项两两进行比较时,发生交换则将标记变量状态更正为true,如果自始至终标记变量的状态都没有更正为true,说明为有序,则在外层循环的终止判断语句中退出。

优化的关键在于:

在变量i的for循环中,增加了对flag是否为true的判断。通过这种改进,可以避免在有序的情况下进行无意义的循环判断。

  • 时间复杂度

1.最好的情况,即数组有序,可以推断出就是n-1次的比较,时间复杂度为O(n) 
2.当最坏的情况,即数组逆序,第一个数需要排n-1次,第二个数需要排n-2次,第3个数需要排n-3次……这样依次类推,最后一个数只需要排一次,加起来共需要排n(n-1)/2次,所以时间复杂度为O(O^2)

看完大话数据结构,根据自己的理解整理了下,还请大家留下宝贵意见。

冒泡排序(js版)的更多相关文章

  1. 常见排序算法(JS版)

    常见排序算法(JS版)包括: 内置排序,冒泡排序,选择排序,插入排序,希尔排序,快速排序(递归 & 堆栈),归并排序,堆排序,以及分析每种排序算法的执行时间. index.html <! ...

  2. Twitter面试题蓄水池蓄水量算法(原创 JS版,以后可能会补上C#的)

    之前在群里有人讨论Twitter的面试题,蓄水池蓄水量计算,于是自己写了个JS版的(PS:主要后台代码还要编译,想想还是JS快,于是就使用了JS了.不过算法主要还是思路嘛,而且JS应该都没问题吧^_^ ...

  3. 【干货】JS版汉字与拼音互转终极方案,附简单的JS拼音输入法

    前言 网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字 ...

  4. 团购、定时抢购倒计时js版

     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org ...

  5. JS版百度地图API

    地图的构建非常简单,官方的API文档也写得很清晰,我只做一总结: 一起jquery,17jquery 一.引入JS :这个很容易理解,既然是调用JS版的百度地图,肯定得引用外部的JS文件了,而这个文件 ...

  6. PureMVC(JS版)源码解析:总结

    PureMVC源码中设计到的11个类已经全部解析完了,回首想想,花了一周的时间做的这点事情还是挺值得的,自己的文字组织表达能力和对pureMVC的理解也在写博客的过程中得到了些提升.我也是第一次写系列 ...

  7. 全国三级城市联动 js版

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. PureMVC(JS版)源码解析

    PureMVC(JS版)源码解析:总结   PureMVC源码中设计到的11个类已经全部解析完了,回首想想,花了一周的时间做的这点事情还是挺值得的,自己的文字组织表达能力和对pureMVC的理解也在写 ...

  9. js版贪吃蛇

    之前没有写博客的习惯,这是我的第一个博客,有些的不好的地方,希望大家多多提意见 js版的贪吃蛇相对比较简单,废话不多说直接上代码,有需要注意的地方我会标红,github源码地址https://gith ...

  10. 跨浏览器的placeholder – 原生JS版

    转自来源 : http://www.ifrans.cn/placehoder/ 跨浏览器的placeholder – 原生JS版 html5为input元素新增了一个属性”placeholder”,提 ...

随机推荐

  1. c++遍历某个文件夹中所有文件

    //filePath:存放所有文件名的txt,文件名之间用回车 //fileList:文件夹中所有文件名存放的位置 //算法:用到ifstream //用途:读取txt中所有文件名,将文件名存入fil ...

  2. CSS 颜色

    color属性可以指定HTML文本的颜色. HTML的颜色采用以下3种方式表示. RGB值 使用红色.绿色.蓝色等不同比例表示,如 1 rgb(100,90,90) 值在0~255之间. 十六进制编码 ...

  3. python scrapy 插入数据库的操作

    需要安装这个 pymysql 写法还是很简单的 # -*- coding: utf-8 -*- # Define your item pipelines here # # Don't forget t ...

  4. eclipse egit(版本回退)

    在公司一年多了,用到的项目都是用svn代码托管,没有git 的用武之地,趁国庆假期稍微自学了一下,然后人比较懒,不愿用原生敲命令行的形式,就在eclipse上学学怎么用git,话说回来用了svn再来学 ...

  5. 【Spider】学习使用XMLFeedSpider

    前面写了学习CrawlSpider遇到的问题后,今天学XMLFeedSpider又出现了启动后没爬取到数据,但又不报错的情况 经过排查,发现又是一个粗心大意的错误: class SpiderUserX ...

  6. 彻底弄懂css中单位px和em,rem的区别

    PX:PX实际上就是像素,用PX设置字体大小时,比较稳定和精确.但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,如果改变了浏览器的缩放,这时会使用我们的Web页面布局被打破.这样 ...

  7. Neumann's Principle and Curie laws

    Neumann's Principle Neumann's principle, or principle of symmetry, states that, if a crystal is inva ...

  8. 1、list 的一些相关操作 2、增删改查 3、tuple 的操作 4、range

    1. list(增删改查) 列表可以装大量的数据. 不限制数据类型. 表示方式:[] 方括号中的每一项用逗号隔开 列表和字符串一样.也有索引和切片 # lst = [1, "周杰伦" ...

  9. mysql中创建event定时任务

    从网上借鉴大神的. use onlinexam; -- 查看event事件是否开启 show variables like '%sche%'; -- 开启event事件  (非常重要) set glo ...

  10. vue-app项目,将px自动转化为rem

    1. 安装lib-flexible: npm install --save lib-flexible 2.安装postcss-loader和postcss-px2rem: npm install -- ...