JS家的排序算法

发布时间：2017年03月15日作者：文章转自网络，版权归原作者所有，反馈可立刻删除 (该文来自笔记，点击查看原文)

由于浏览器的原生支持(无需安装任何插件),用JS来学习数据结构和算法也许比c更加便捷些。因为只需一个浏览器就能啪啪啪的调试了。比如下图我学习归并排序算法时，只看代码感觉怎么都理解不了，但是结合chrome自带的断点调试功能，我便很快理解了其中的思想。

photoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训

回到顶部

冒泡排序

冒泡排序比较任何两个相邻的项,如果第一个比第二个大,则交换它们。元素项向上移动至正确的顺序,就好像气泡升至表面一样,冒泡排序因此得名。

冒泡排序动图演示：

<h3>延伸阅读</h3> <ul> <li><a href="/c_all/article_3015.html">ssh框架</a> <span>2016-09-30 </span> </li> <li><a href="/c_all/article_695270.html">阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁</a> <span>2017-07-26 </span> </li> <li><a href="/c_all/article_695162.html">消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe</a> <span>2024-03-26 </span> </li> <li><a href="/c_all/article_695044.html">Selective Search for Object Recognition 论文笔记【图片目标分割】</a> <span>2017-07-26 </span> </li> <li><a href="/c_all/article_695025.html">词向量-LRWE模型-更好地识别反义词同义词</a> <span>2017-07-26 </span> </li> <li><a href="/c_all/article_695024.html">从栈不平衡问题理解 calling convention</a> <span>2017-07-26 </span> </li> <li><a href="/c_all/article_695023.html">php imagemagick 处理图片剪切、压缩、合并、插入文本、背景色透明</a> <span>2017-07-26 </span> </li> <li><a href="/c_all/article_695022.html">Swift实现JSON转Model - HandyJSON使用讲解</a> <span>2017-07-26 </span> </li> <li><a href="/c_all/article_695021.html">阿里移动安全 Android端恶意锁屏勒索应用分析</a> <span>2017-07-26 </span> </li> <li><a href="/c_all/article_695020.html">集合结合数据结构来看看(二)</a> <span>2017-07-26 </span> </li> </ul> <a class="img" href="http://www.qingruanit.net/c_online/p_yudingshitingke.html"><img alt="学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训" src="http://www.qingruanit.net/attached/image/templet/e87d53eb-cf7a-4689-887a-1cd260f416a5.jpg"><span>学习是年轻人改变自己的最好方式</span></a> </div> </div> </div> </div> </div> <div class="templetrow" key="column_all" templetId="16" orderCol="184" param="infotitle=留言" title="我想了解如何学习" pageTempletId="184" pageTempletTitle="全栏目"> <article class="contentbanner test radius"> <h1>我想了解如何学习</h1> <div class="testheader"> <div class="editable" dataId="" pageTempletId="184" locationKey="l1" backColor="" infoColor="" titleColor=""> </div> </div> <div class="form"> <form name="commentForm" id="commentForm" method="post"> <div class="commentform"> <input type="hidden" name="atUrl" id="atUrl"> <input type="hidden" name="curTitle" id="curTitle"> <input type="hidden" name="authcode" id="authcode" value=""> <fieldset> <span class="info">姓名：</span> <input type="text" class="width2col" name="name" id="name"> <span class="message"></span> </fieldset> <fieldset> <span class="info">手机：</span> <input type="text" class="width2col" name="phone" id="phone"> <span class="message"></span> </fieldset> <fieldset> <span class="info">留言：</span> <textarea class="width2col" name="info" id="info"></textarea> <span class="message"></span> </fieldset> </div> <script type="text/javascript"> window.onload=function(){ $("#curUrl").val(window.location.href); $("#curTitle").val($(".test h1").text()); $(".commentform :input").blur(function(){ var inputInfo = $(this).val(); var id=$(this).attr("id"); if(inputInfo.length==0) { $(this).next().html("必填，请输入信息"); $(this).next().removeClass("ok"); //$(this).get(0).focus(); } else { //如果为手机 if(id=="phone"|| id=="qq") { if(inputInfo.length<6) { $(this).next().html("请输入正确的号码"); $(this).next().removeClass("ok"); //$(this).get(0).select(); } else { $(this).next().html("    "); $(this).next().addClass("ok"); } } else { $(this).next().html("    "); $(this).next().addClass("ok"); } } }); } </script> <fieldset> <span class="info"> </span> <input type="button" class="width2col" value="提交" onclick="submitForm(this)"> <span class="message"></span> </fieldset> </form> </div> </article> <script type="text/javascript">  </script> </article> </div> <footer class=""> <div class="footerup"> <div class="footerupTop"> <a href="#" ><span class="number">16</span><span class="upword">年</span><span>我们追求卓越</span></a> <a href="#" ><span class="number">24</span><span class="upword">项</span><span>主流技术引领先锋</span></a> <a href="#" ><span class="number">1000</span><span class="upword">课时</span><span>打造职场干将</span></a> <a href="#" style="border:none;"><span class="number">50000</span><span class="upword">行代码</span><span>练就非凡本领</span></a> </div> <div class="footerdown"> <div class="footeritem"> <h4>关于万码学堂</h4> <ul> <li><a href="/c_about/l_xiaoyuan.html" target="_self">校园环境</a></li> <li><a href="/c_about/article_25.html" target="_self">联系我们</a></li> <li><a href="/map.html" target="_self">网站地图</a></li> </ul> </div> <div class="footeritem"> <h4>关于学习</h4> <ul> <li><a href="https://www.wanmait.com/ad/kaiban.html" target="_blank">课程体系</a></li> <li><a href="https://www.wanmait.com/article/wanma/" target="_blank">关于万码</a></li> <li><a href="https://www.wanmait.com" target="_blank">课程体系</a></li> </ul> </div> <div class="footeritem"> <h4>报名方法</h4> <ul> <li><a href="/c_online/p_yudingshitingke.html" target="_self">申请试听</a></li> <li><a href="/c_online/p_baoming.html" target="_self">在线报名</a></li> </ul> </div> <div class="footeritem"> <h4>常见问题</h4> <ul> <li><a href="/ask/" target="_self">大家关注</a></li> <li><a href="/c_online/p_keywordad.html" target="_self">在线提问</a></li> <li><a href="/c_all/list_3.html" target="_self">学习方面</a></li> </ul> </div> <div class="footeritem"> <h4>关注我们</h4> <ul> <li><a href="http://weibo.com/qingsoft100" target="_blank"><span class="icon-common icon-common-sina"></span>新浪微博</a></li> <li><a href="https://work.weixin.qq.com/kfid/kfc5d203e0a7d2f3da5" target="_blank"><span class="icon-common icon-common-kongjian"></span>联系我们</a></li> <li><a href="https://work.weixin.qq.com/kfid/kfc5d203e0a7d2f3da5" target="_blank"><span class="icon-common icon-common-weixin"></span>联系微信</a></li> </ul> </div> <div class="online"> <ul> <li class="item1"> <span class="icon-common icon-common-tel"></span>0532-85025005 </li> <li class="item2"> 马上咨询，周一至周日8:00-18:00 </li> <li class="item3"> <a class="btn btn-green" href="https://work.weixin.qq.com/kfid/kfc5d203e0a7d2f3da5" target="_blank"><span class="icon-common icon-common-face"></span>在线客服</a> </li> </ul> </div> </div> </div> <nav class="footermenu"> <ul> <li><a href="/c_all/list_1.html" class="">万码学员实训作品</a></li> <li><a href="/c_all/list_2.html" class="">IT企业招聘信息</a></li> <li><a href="/c_all/list_3.html" class="">在万码学堂奋斗的岁月</a></li> <li><a href="/c_all/list_5.html" class="cur">编程知识分享</a></li> <li><a href="/c_all/list_6.html" class="">你想了解的万码学堂</a></li> <li><a href="/c_all/list_7.html" class="">青岛软件培训课程</a></li> <li><a href="/c_all/list_8.html" class="">IT行业动态</a></li> <li><a href="/c_all/list_9.html" class="">职场人生</a></li> <li><a href="/c_all/list_10.html" class="">学习编程的感想</a></li> <li><a href="/c_all/list_11.html" class="">万码学员风采</a></li> <li><a href="/c_all/list_14.html" class="">万码学堂技术专家</a></li> </ul> </nav> <p></p> <p>栏目导航： <a href="/c_study/" target="_self">如何学习软件</a> <a href="/c_about/" target="_self">关于万码学堂</a> <a href="/c_kaiban/" target="_self">开班信息</a> <a href="/c_ask/" target="_self">关注点</a> </p> <p>旗下网站： <a href="http://www.qingdaopeixun.net" target="_blank">青岛IT培训网</a> <a href="http://www.qingsoft.cn" target="_blank">程序猿编程派</a> <a href="http://www.diannaoxuexiao.net" target="_blank">青岛电脑学校</a> <a href="http://www.androidpeixun.net" target="_blank">青岛Android培训</a> <a href="http://www.ruanjianpeixun.net" target="_blank">青岛软件培训</a> <a href="http://www.yunpeixun.net" target="_blank">云培训</a> <a href="http://www.wanmait.com" target="_blank">万码学堂官网</a> <a href="http://www.qinghr.net" target="_blank">青岛大学生IT培训</a> </p> <p>青岛青软职业培训学校万码学堂（办学许可证编号：人社民3702023080012号）<a href="https://beian.miit.gov.cn/" target="_blank">鲁ICP备09077726号</a><a href="http://www.qingruanit.net">qingruanit.net</a></p> <p> <address> 青岛市市南区南京路122号B1栋3层咨询电话0532-85025005 </address> </p> <p><script language="javascript" type="text/javascript" src="http://js.users.51.la/17086740.js"></script> <noscript><a href="http://www.51.la/?17086740" target="_blank"><img alt="我要啦免费统计" src="http://img.users.51.la/17086740.asp" style="border:none" /></a></noscript></p> <p> <img src="/static/images/fuze.gif"/> </p> </footer>  </div> </body> </html> <script src="https://www.wanmait.com/online/wmonline.js?site=2"></script> <script src="/static/js/jquery-1.11.0.min.js"></script> <script src="/static/js/jquery-ui-1.10.4.custom.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ if($("#fixedmenu")&&$("#themenu")&&$("#themenu").offset()){ $(window).scroll( function() { var wtop = $(window).scrollTop(); var wleft = $(window).scrollLeft(); if(wleft>0){ $("#fixedmenu").css("display","none"); return; } if($("#fixedmenu").html()==""){ $("#fixedmenu").html($("#themenu").html()); $("#fixedmenu").css("top","0"); } if(wtop<$("#themenu").offset().top){ $("#fixedmenu").css("display","none"); } if($("#fixedmenu").outerHeight()>$(".content2colsright").offset().top+$(".content2colsright").outerHeight()-wtop){ //$("#fixedmenu").css("display","none"); $("#fixedmenu").css("top",-($("#fixedmenu").outerHeight()-($(".content2colsright").offset().top+$(".content2colsright").outerHeight()-wtop))+"px"); //$("#fixedmenu").css("left",$("#themenu").offset().left-wleft+"px"); } else if(wtop>$("#themenu").offset().top&&$("#fixedmenu").css("display")!="block"){ $("#fixedmenu").css("display","block"); $("#fixedmenu").css("top","0"); } else{ $("#fixedmenu").css("top","0"); } } ); } }); </script>

分类导航

JS家的排序算法

冒泡排序