操作方法
第一步,打开sublime text 3,点击左上方的“ 文件”,选择“ 新建文件”,新建一个后缀名为.html的文件,并命名标题。如图所示:
第二步,在Body中添加一个简单的 input按钮,添加一个 点击事件mymaopao,用来在浏览器中查看效果。代码如下: <input type="button" value="按钮" onclick="mymaopao()" />
第三步,写js代码。首先申明一个数组 aNumber[]并赋值,然后定义一个中间变量 iNum,赋值为零,代码如下: var aNumber = [10, 23, 2, 4, 6, 8, 26, 43, 66, 33, 90, 75]; var iNum = 0;
第四步,定义两个变量i,j。使用两个 for循环嵌套遍历数组,第一个 i作用为 循环次数,第二个 j作用是 比较两个数大小,代码如下: for (var i =0 ; i <= aNumber.length - 1; i++) { for (var j = 0 ; j <= aNumber.length-1-i ; j++) { } }
第五步,是比较数组中随机的 两个数字的大小,如果第一个数比第二个数大,则交换顺序,存放在中间变量 iNum中,并把第二个小的数 放前面,如此规律循环下去。代码如下: if (aNumber[j] > aNumber[j+1]) { //降序改为“<” iNum = aNumber[j]; aNumber[j] = aNumber[j+1]; aNumber[j+1] = iNum; }
最后,写一个弹框,用来显示结果。双击文件夹,在浏览器中查看,有一个按钮, 点击它,浏览器中弹出了一个弹框,可以看到结果,此结果为一组 升序的数字,如图所示: alert(aNumber.toString()); 附:本经验关键词:冒泡排序怎么实现、JS怎么实现冒泡排序、冒泡排序算法、冒泡排序原理、冒泡排序 附:关于C#如何实现冒泡排序请关注(或者 点击下面的链接)我的另一篇经验“ 怎样用C#实现冒泡排序”