冒泡流程写法  （小的往左冒）

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <title>hello world</title>

</head>

<body>

<script>

    let arr=[8,7,9,1,3];

    let temp;

    for(let i=0; i<arr.length-1; i++){

        console.warn(`\n-------第${i+1}趟：目的是取出数组中第${i+1}个最小的数------`)

        for (let j=i+1; j<arr.length; j++) {

            let result=arr[i]>arr[j];

            console.log(`第${j-i}次比较：拿数组第1个元素${arr[i]}比较数组第${j}个元素${arr[j]},结果${result?'是大于！':'本身就是是小于！'}${result?'把小的数'+arr[j]+'置前':'暂且暂且不动'}`)

            if(result){

                temp=arr[i];

                arr[i]=arr[j];

                arr[j]=temp;

            }

            console.log(arr)

        }

        console.log(`说明：经过第${i+1}趟比较，已经选出了第${i+1}小的数，是${arr[i]}`)

    }

    console.log('最后一个不用循环了，肯定是最大的了')

</script>

</body>

</html>

还有另一种冒泡排序（大的往右冒）

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <title>hello world</title>

</head>

<body>

<script>

    function sortAry(ary){

        for(let i=0;i<ary.length-1;i++){

            console.warn(`--第${i+1}趟：目的是取出数组中第${i+1}个最大的数--`)

            for(let j=0;j<ary.length-1-i;j++){

                let result=ary[j]>ary[j+1]

                console.log(`第${j+1}次比较：拿数组第${j}个元素(${ary[j]})与${j+1}个元素(${ary[j+1]})做比较，${result?'是大于，调换两者位置':'保持不动'}`);

                if(result){

                    let temp=ary[j];

                    ary[j]=ary[j+1];

                    ary[j+1]=temp;

                }

                console.log(ary)

            }

            console.log(`说明：经过第${i+1}趟比较，已经选出了第${i+1}大的数，是${ary[ary.length-1-i]}`)

        }

        console.log('最后一个不用循环了，肯定是最小的了')

    }

    let arr=[8,7,9,1,3];

    sortAry(arr)

</script>

</body>

</html>

var a=[6,2,4,1,5,9],t;

for(var i=0;i<a.length;i++){

  for(var j=0;j<a.length-1;j++){

     if(a[j]>a[j+1]){

        t=a[j];

        a[j]=a[j+1];

        a[j+1]=t;

     }

   }

}

console.log(a)

这两种都是冒泡啦

当然，如果是数组排序的话，还有js内置的sort方法

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <title>hello world</title>

</head>

<body>

    <script type="text/javascript">

    function sortNumber1(a, b){return a - b}

    function sortNumber2(a, b){return b - a}

    var arr = [10,5,40,25,100,1];

    document.write(arr.sort()+'<br/>')//默认

    document.write(arr.sort(sortNumber1)+'<br/>')//从小到大

    document.write(arr.sort(sortNumber2))//从大到小

    </script>

</body>

</html>

出自w3c

js--冒泡排序[由小到大]的更多相关文章

  1. js 冒泡排序与快速排序

    刚好今晚看了js的冒泡排序跟快速排序,趁着还没忘记先记下来. 1. 冒泡排序:遍历数组,每个元素都与后一个元素比较,如果大于下一个元素,则两个元素位置调换.否则的话当前元素再与下下个元素比较,一直到 ...

  2. js冒泡排序

    今天面试了家公司,最后要写个js的简单数组排序,很久都写不出来,好尴尬,随着语言的发展,这些简单方法越来越不被重视了... <html> <head> <script t ...

  3. JS冒泡排序（数组）

    冒泡排序是把数组相邻的两个值进行比较,然后根据条件执行相应的命令 var arr = [0,4,8,5,2,7,1,3,6,9]; for(var s = 0;s<arr.length;s++) ...

  4. js冒泡排序与二分法查找

    冒泡排序 var attr=[1,5,7,6,3,9,2,8,4]; var zj=0; //控制比较轮数 for(var i=0;i<attr.length-1;i++) { //控制每轮的比 ...

  5. js冒泡排序和二分查找

    冒泡排序: var arr=[5,0,-56,900,12,9000,-123,-1000]; var flag=false; for(var i=0;i<arr.length-1;i++){ ...

  6. js冒泡排序及计算其运行时间

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  7. JS 冒泡排序从学到优化

    目的:理解算法 深化算法 冒泡排序: 直接上动图好于文字 一个冒泡实例 45,67,23,88,21,6,99// 第一轮 6次// 45 67 23 88 21 6 99// 45 23 67 88 ...

  8. js冒泡排序，数组去重

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. js 冒泡排序、快速排序、去重、查找字符串最多值（面试常有）

    冒泡排序 var bubbleSort = function(arr) { for (var i = 0; i < arr.length-1; i++) { for (var j = i+1; ...

  10. JS冒泡排序的6种写法（武当雄风）

    天下英雄出我辈,一入江湖岁月催.鸿图霸业谈笑间,不胜人生一场醉. 武当山上,一年一度的试道大会又开始了... 众武当弟子摩拳擦掌都想在此次试道大会上一展风采... 张三丰临终前曾留下一句话:试道大会采 ...

随机推荐

  1. iOS开发-UI (一)常用控件

    从这里开始是UI篇 知识点: 1.常用IOS基本控件 2.UITouch ======================= 常用基本控件 1.UISegmentedControl:分段控制器 1)创建方 ...

  2. Windows Form简易计算器实现（下）

    陆陆续续更新这个计算器用了一个礼拜了,今天无论如何也要把它更完.笔者有点追求完美,再者每天都有课,晚上还有作业,还有每晚都会写一些其他的博文. 上一次漏了写如何实现计算的.思路如下: 之前得到一个栈2 ...

  3. Chrome浏览器加载CSS文件TTFB waiting超时的奇葩问题

    今天本来调试 requirejs 加载js异常的问题,试了下Chrome浏览器,结果意外发现这个 CSS 加载异常的BUG,非常非常奇怪. 本地测试环境是 wi7x64 安装的 XAMPP 3.2.1 ...

  4. 话说Angularjs的$resource模块

    上一篇中讲到使用$http同服务器进行通信,但是功能上比较简单,AngularJS还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互. 安装 n ...

  5. HDU 3361 ASCII

    Time Limit: 2000/1000 MS (Java/Others)     Memory Limit: 65536/65536 K (Java/Others)Total Submission ...

  6. Chapter 21_5.2 tab扩展

    在Lua中,像这样()的空白捕获具有特殊意义.表示捕获它在目标字符串中的位置,返回一个数字: print(string.match("hello","()ll()&quo ...

  7. XTU 1246 Heartstone

    $2016$长城信息杯中国大学生程序设计竞赛中南邀请赛$D$题 贪心. 我是这样贪的:开三个优先队列$q[0]$,$q[1]$,$q[2]$,$q[i]$存储对$3$取余之后为$i$的数. 首先看看还 ...

  8. Another Array of Orz Pandas

    Another Array of Orz Pandas 题目链接:http://acm.xidian.edu.cn/problem.php?id=1187 线段树 线段树维护区间和以及区间内各个数平方 ...

  9. 使用 Jenkins 搭建 iOS/Android 持续集成打包平台【转】

    背景描述 根据项目需求,现要在团队内部搭建一个统一的打包平台,实现对iOS和Android项目的打包.而且为了方便团队内部的测试包分发,希望在打包完成后能生成一个二维码,体验用户(产品.运营.测试等人 ...

  10. CentOS 7将Python 2.X.X升级到Python 3.X.X

    # cd /usr/local/src/ # ls Python-.tgz # .tgz # ls Python- Python-.tgz # cd Python-/ # yum install gc ...