js冒泡排序_js 冒泡排序算法详解

8ad86771f661b833c8f3f2ee833bd44a.png

对数组进行 冒泡排序 算是比较简单的,冒泡排序也是容易理解的一种排序算法了,在面试的时候,很可能会问到。今天来说一下冒泡排序。

算法简介

冒泡排序(Bubble Sort),是一种计算机科学领域的较简单的排序算法。
这个算法的名字由来是因为越大的元素会经由交换慢慢“浮”到数列的顶端(升序或降序排列),就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样,故名“冒泡排序”

实现原理

数组中有 n个数,比较每相邻两个数,如果前者大于后者,就把两个数交换位置;这样一来,第一轮就可以选出一个最大的数放在最后面;那么经过 n-1(数组的 length - 1) 轮,就完成了所有数的排序。

deae130c3bbcfad01c39405808a7c15e.gif

流程图

838b431ce9d4a8622153bc0397f186bc.png

算法详解

我们先来找到数组中的最大值,并把它放到数组的最后面。

var arr = [3, 10, 6, 2];
// 遍历数组
for (var i = 0; i < arr.length - 1; i++) {
    // 如果前一个数 大于 后一个数 就交换两数位置
    if (arr[i] > arr[i + 1]) {
        var num = arr[i];
        arr[i] = arr[i + 1];
        arr[i + 1] = num;
    }
}
console.log(arr) // [ 3, 6, 2, 10 ]

f23a2e5e032984405f3c59eff1957a55.gif

我们能找到数组中最大的数,放到最后,这样重复arr.length - 1次,便可以实现数组按从小到大的顺序排好了。

var arr = [3, 10, 6, 2];
// 遍历数组
for (var i = 0; i < arr.length - 1; i++) {
    // 这里 i < arr.length - 1 ?????
    for (var j = 0; j < arr.length - 1; j++) {
        if (arr[j] > arr[j + 1]) {
            var num = arr[j];
            arr[j] = arr[j + 1];
            arr[j + 1] = num;
        }
    }
}
console.log(arr)  // [ 2, 3, 6, 10 ]

476f0f8e001972c8ad5c9b98d6686cee.png

这样上面代码就实现了冒泡排序了,但是这还不是最完美的代码。他的运行速度是0.153毫秒

我们来想一下,当第一次找到最大值并放到最后的时候,是不是下一次在遍历的时候就不算最大值了,因为它就是最大值了,不会再出现交换位置的情况。所以我们在下一次遍历的是时候就应该去掉最大值,这样才合适。看下面代码

var arr = [3, 10, 6, 2];
// 遍历数组
for (var i = 0; i < arr.length - 1; i++) {
    // 这里要根据外层for循环的 i ,逐渐减少内层 for 循环的次数
    for (var j = 0; j < arr.length - 1 - i; j++) {
        if (arr[j] > arr[j + 1]) {
            var num = arr[j];
            arr[j] = arr[j + 1];
            arr[j + 1] = num;
        }
    }
}
console.log(arr)  // [ 2, 3, 6, 10 ]

e9a2192aa26ed59861cb389e29638dbd.png

这里经过优化后的运行速度是 0.105毫秒。

这样我们就实现了完整版的冒泡排序

总结

外层 for 循环控制循环次数
内层 for 循环进行两数交换,找每次的最大数,排到最后
知乎视频​www.zhihu.com

6ba23c16287f663cd0d37e9db7b088f8.gif

希望能够帮到大家,喜欢就收藏关注吧!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值