当前位置:首页 > 日记 > 正文

JS排序之冒泡排序详解

JS排序之冒泡排序详解

本文为大家分享了JS冒泡排序的具体代码,供大家参考,具体内容如下

说明

时间复杂度指的是一个算法执行所耗费的时间
空间复杂度指运行完一个程序所需内存的大小
稳定指,如果a=b,a在b的前面,排序后a仍然在b的前面
不稳定指,如果a=b,a在b的前面,排序后可能会交换位置

--JS冒泡排序--

原理

依次比较相邻的两个值,如果后面的比前面的小,则将小的元素排到前面。依照这个规则进行多次并且递减的迭代,直到顺序正确。

时间复杂度,空间复杂度,稳定性

  • 平均时间复杂度O(n*n)
  • 最好情况O(n)
  • 最差情况O(n*n)
  • 空间复杂度O(1)
  • 稳定性:稳定

冒泡排序的写法

var examplearr=[8,94,15,88,55,76,21,39];function sortarr(arr){  for(i=0;i<arr.length-1;i++){    for(j=0;j<arr.length-1-i;j++){      if(arr[j]>arr[j+1]){        var temp=arr[j];        arr[j]=arr[j+1];        arr[j+1]=temp;      }    }  }  return arr;}sortarr(examplearr);console.log(examplearr);

解析

两个循环

当i=0的时候,里面的循环完整执行,从j=0执行到j=6,这也就是第一遍排序,结果是将最大的数排到了最后,这一遍循环结束后的结果应该是[8,15,88,55,76,21,39,94]

当i=1的时候,里面的循环再次完整执行,由于最大的数已经在最后了,没有必要去比较数组的最后两项,这也是j<arr.length-1-i的巧妙之处,结果是[8,15,55,76,21,39,88,94]

说到这里,规律就清楚了,每次将剩下数组里面最大的一个数排到最后面,当第一个循环执行到最后的时候,也就是i=6,此时,j=0,只需要比较数组的第一和第二项,比较完毕,返回。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

相关文章

利用vue.js插入dom节点的方法

利用vue.js插入dom节点的方法

方法,节点,电脑软件,vue,js,本文主要介绍的是vue.js插入dom节点的方法,下面话不多说,来看看详细的介绍吧。html代码:<div id="app"></div>js代码:var MyComponent = Vue.extend({ template: '<div>Hello World</div>'})var myAppendTo = Vu…

Photoshop合成月亮下拿着弓箭的超

Photoshop合成月亮下拿着弓箭的超

拿着,月亮,弓箭,超酷,女战士,本教程主要使用Photoshop合成月亮下拿着弓箭的女战士,主要是拼接素材加上后期的色调调色完成效果,喜欢的朋友一起来学习吧!效果图:本教程所使用的素材:步骤如下:1、处理背景。抠出地面。打开地面素材,用快速选择工具…

怎么在excel2013中利用窗体控件插

怎么在excel2013中利用窗体控件插

窗体,控件,单选框,步骤,电脑软件,  Excel提供了一些具有特定功能的窗体控件,可以灵活的运用在制作报表、动态图表和其他方面。下面小编教你怎么在excel2013中利用窗体控件插入单选框。excel2013中利用窗体控件插入单选框的步骤由于单选框…

Node.js常用工具之util模块

Node.js常用工具之util模块

模块,常用工具,电脑软件,Node,js,前言util是一个Node.js的核心工具模块,提供常用的函数,用于弥补核心JavaScript提供的函数过于精简的问题。下面话不多说,一起来看看详细的介绍,文中介绍的非常详细,对大家具有一定的参考价值。util.inheritsuitl…

微信小程序教程系列之视图层的条件

微信小程序教程系列之视图层的条件

条件,视图,教程,程序,系列之,本教程为大家分享了使用wx:if进行视图层的条件渲染,供大家参考,具体内容如下使用wx:if进行视图层的条件渲染示例:wxml:使用view<!--index.wxml--><button bindtap="EventHandle">按钮</button><!-- wx:if --><vie…

如何用js判断dom是否有存在某class

如何用js判断dom是否有存在某class

如何用,电脑软件,dom,js,class,例如:<html class="no-js"><head></head><body></body></html>判断html节点的class是否有no-js。1.jquery的实现方式$("html").hasClass('no-js');jquery源码的实现方式:var rclass = /[\t\r\n\f]/g;…

vue mintui-Loadmore结合实现下拉

vue mintui-Loadmore结合实现下拉

上拉加载,下拉刷新,示例,电脑软件,vue,mintui是饿了么团队针对vue开发的移动端组件库,方便实现移动端的一些功能,这里只用了Loadmore功能实现移动端的上拉分页刷新,下拉加载数据,废话不说上代码。<template> <div class="main-body" :style=…

word2010中插入作者简介的两种方法

word2010中插入作者简介的两种方法

方法,作者简介,两种,电脑软件,strong,  发表论文的时候,常常需要在第一页的正文插入&ldquo;作者简介&rdquo;,怎样快速而方便地实现这一功能呢,那么下面就由小编给大家分享下word2010中插入作者简介技巧,希望能帮助到您。word2010中插入作者简…

excel表格批量导入的教程excel表格

excel表格批量导入的教程excel表格

批量导入,教程,表格,图片,电脑软件,  在Excel中录入好数据以后经常需要用到图片进行对表格的美化修饰,或许有的朋友并不知道图片该如何批量导入,如果不懂的朋友欢迎一起来摸索探讨一番吧。下面是由小编分享的excel表格批量导入图片的教程,以…

Word2013怎么对文本进行排序Word20

Word2013怎么对文本进行排序Word20

文本,排序,方法,电脑软件,大家知道Excel中有排序功能,实际上Word也可以对内容进行排序的,下面小编告诉你具体怎么做吧。希望对你有帮助!  Word2013对文本进行排序的方法例如Word中有如下图所示的文档。Word2013对文本进行排序的方法图1  …

Excel2010怎么将数据转换成图形

Excel2010怎么将数据转换成图形

数据,图形,步骤,转换成,电脑软件,  我们在使用Excel制作表格时,需要把数据转换成图形图。那么,我们应该怎样做呢?那么下面小编就来告诉你Excel2010是怎么将数据转换成图形的吧。希望对你有帮助!Excel2010将数据转换成图形的步骤1、启动Excel…

浅谈node的事件机制

浅谈node的事件机制

事件机制,浅谈,电脑软件,node,Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.在nodejs的官方文档中,明确写出了node的一个特性是event-driven(事件驱动),可见其非常重要。查看源码,我们可知其…