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

js实现冒泡排序_js 冒泡排序冒泡排序原理:冒泡排序算法的原理如下: 比较相邻的元素。如果第一个比第二个大,就交换他们两个。 对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。 针对所有的元素重复以上的步骤,除了最后一个。 持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比比较 白话就是:比如有6个数,你需要比较5趟,这……

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新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]

下面是图解说明:

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

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

写法一:直接套一个函数,并且把函数的结果返回就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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/183410.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月10日 下午8:00
下一篇 2022年10月10日 下午8:00


相关推荐

  • linux命令chmod -R 755 解析

    linux命令chmod -R 755 解析chmod是Linux下设置文件权限的命令,后面的数字表示不同用户或用户组的权限。后面根的一般是三个数字:第一个数字表示文件所有者的权限第二个数字表示与文件所有者同属一个用户组的其他用户的权限第三个

    2022年7月1日
    30
  • vue.js 时间戳转换日期格式

    vue.js 时间戳转换日期格式时间戳可以理解为过滤器的一种方式 日期格式的转换在项目中也经常遇到 今天我来总结项目中踩过的坑 以及解决方法 时间戳转换日期格式有三种方法 方式一运行 cmd 执行 npminstallmo 或者 yarnaddmomen 命令 安装 moment 插件在 main js 文件中引入 moment 插件 并定义全局过滤器 3 在后续组件中 如果需要转换时

    2026年3月26日
    2
  • python实现 猴子摘香蕉「建议收藏」

    python实现 猴子摘香蕉「建议收藏」#猴子摘香蕉importsys#找到箱子defmove():globaliwhileTrue:a_1=input(“输入你下步走的地方:”)whileTrue:ifa_1==b:i+=1print(‘找到箱子,通过第一关,进入第二关’)push()else:.

    2026年4月14日
    6
  • Qwen3-VL限流策略配置[可运行源码]

    Qwen3-VL限流策略配置[可运行源码]

    2026年3月12日
    2
  • lapack c语言,Visual C ++ 2010和Lapack,Blas库(Visual C++ 2010 and Lapack, Blas libraries)

    lapack c语言,Visual C ++ 2010和Lapack,Blas库(Visual C++ 2010 and Lapack, Blas libraries)VisualC 2010 和 Lapack Blas 库 VisualC 2010andLapac Blaslibrarie 我想使用 Blas 和 Lapack 库来使用一些 rutines 但我不知道如何在 VisualC 2010 使用它们 如何在这种情况下使用它们 IwanttouseBl

    2026年3月17日
    1
  • Timer类中的 scheduleAtFixedRate与schedule

    Timer类中的 scheduleAtFixedRate与scheduleTimer 是 jdk 中提供的一个定时器工具 使用的时候会在主线程之外起一个单独的线程执行指定的计划任务 可以指定执行一次或者反复执行多次 定义了主要有以下 6 个方法 顾名思义 schedule 与 scheduleAtFi 的区别就是 是否按固定速率执行安排指定的任务 一般情况下 timer 的 schedule 和 scheduleAtFi 方法没有区别 只在某个情况出

    2026年3月17日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号