js实现冒泡排序_js 冒泡排序

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

冒泡排序原理：

冒泡排序算法的原理如下：

1. 比较相邻的元素。如果第一个比第二个大，就交换他们两个。

2. 对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。

3. 针对所有的元素重复以上的步骤，除了最后一个。

4. 持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比比较

白话就是：比如有6个数，你需要比较5趟，这个是固定死的

但是每一趟比较的次数，是递减的

所以实现冒泡，给你一个数组，你要比较几趟，每一趟比较几次，这个是必须要明白的！！！

下面是代码：

    // 编写方法，实现冒泡
    var arr = [29,45,51,68,72,97];
    //外层循环，控制趟数，每一次找到一个最大值
    for (var i = 0; i < arr.length - 1; i++) {
        // 内层循环,控制比较的次数，并且判断两个数的大小
        for (var 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;
            }
        }

    }
    console.log(arr);//[2, 4, 5, 12, 31, 32, 45, 52, 78, 89]

下面是图解说明：

写了很多冒泡，发现有的让你封装成一个函数，有的同学就懵逼了

写法一：直接套一个函数，并且把函数的结果返回就ok

    // 编写方法，实现冒泡
function bubble(arr){     // 1:套一个函数的壳子，将参数传入
//外层循环，控制趟数，每一次找到一个最大值
    for (var i = 0; i < arr.length - 1; i++) {
        // 内层循环,控制比较的次数，并且判断两个数的大小
        for (var 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  //2: 将执行完的结果返回就可以
}
var arr = [29,45,51,68,72,97]; 
   console.log(bubble(arr));//[2, 4, 5, 12, 31, 32, 45, 52, 78, 89]

还有的面试是，让你写冒泡的时候，考虑其他一些情况(是否为数组，数组里是否有数据)，如果是非数组，或者数组为空，那还冒泡什么?

简单点，就直接再加一个if判断就ok

if (arr instanceof Array && arr.length > 1) {

      // 冒泡

}

如果想给他露一手，就把判断是否是数组，数组是否为空，封装一个函数。

function arrisArray ( arr ) {
    return Object.prototype.toString.call(arr) === '[object Array]' && arr.length > 0 
// 如果是数组并且数组长度大于零，则返回true，可以直接用arr.length,也可以。因

}

然后调用这个方法，

function bubble(arr){
    if (arrisArray(arr)) {
                //  冒泡
    }

}

一些细节优化：

1. 冒泡排序，需要设置一个中间变量做数据交换，可以直接使用结构赋值，将三行代码，变为一行代码

// 三行代码
  var temp = arr[j];
  arr[j] = arr[j + 1];
  arr[j + 1] = temp;

// 利用结构，实现数据交换，一行代码实现
[arr[i], arr[i+1]] = [arr[i+1], arr[i]]

2. 每次都要获取arr.length ,时间复杂度其实是O(n),可以用一个变量，把arr.length,存储起来，这样时间复杂度就是常数O(1)了

3. 判断是否是数据，并且数组长度是否大于1
 

1. 利用 api
Array.isArray(arr) && arr.length

2. 利用instanceof 检测
arr instanceof Array && arr.length

3. 利用 toString 检测

Object.prototype.toString.call(arr) && arr.length