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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • linux系统docker安装rabbitmq

    linux系统docker安装rabbitmq安装rabbitmq比较简单1.下载镜像dockerpullrabbitmq:managementrabbitmq:management含有web模块下载完成:2.运行镜像启动镜像dockerrun-d–hostnamedev-scrm–namerabbit-eRABBITMQ_DEFAULT_USER=rabbit-eRABBITMQ_DEFAULT_PASS=rabbit-p15672:15672-p5672:5672rabbitmq:m

    2022年5月24日
    50
  • php已安装的swoole怎么查看swoole版本[通俗易懂]

    php已安装的swoole怎么查看swoole版本

    2022年2月12日
    40
  • 统计推断——假设检验——方差分析之多重比较(LSD法、Sidak法、Bonferroni法、Dunnett法、Tukey法、SNK 法、Duncan法)「建议收藏」

    统计推断——假设检验——方差分析之多重比较(LSD法、Sidak法、Bonferroni法、Dunnett法、Tukey法、SNK 法、Duncan法)「建议收藏」在一个试验中,有个处理平均数间比较时,其全部可能的相互比较对数有个,这种比较是复式比较,亦称多重比较(multiplecomparisons)。为什么要做多重比较呢?方差分析后做多重比较有很多好处:误差由多个处理内的变异合并估计,自由度增大了,因而比较的精确度也增大了。 检验显著,说明可以判定多个处理间存在显著的变异。因此方差分析后再做多重比较,称为Fisher氏保护性多重比较(F…

    2022年6月14日
    300
  • 山西计算机中考操作题,2017山西中考物理实验操作试题发布

    山西计算机中考操作题,2017山西中考物理实验操作试题发布一、2017年山西省中考物理命题依据《义务教育物理课程标准(2011年版)》是2017年山西中考物理试题的唯一命题依据.二、2017年山西省中考物理命题原则1.总原则(1)内容:强化学科核心内容,弱化枝端末节内容.(2)结构:强化良好结构的知识,弱化零散的知识.(3)测查能力层次:强化概念、原理的理解与应用,及分析、综合等思维能力;弱化单纯的事实和内容记忆.(4)测查角度:强化学生理解了哪些,弱…

    2022年5月18日
    39
  • idea配置tomcat以及环境变量「建议收藏」

    idea配置tomcat以及环境变量「建议收藏」这里写目录标题tomcat环境变量idea配置tomcattomcat环境变量第一步下载tomcat网址:https://tomcat.apache.org/download-90.cgi下载完成后解压进入解压后的文件夹复制地址第二步下载tomcat环境变量配置右击此电脑->属性->高级系统设置->环境变量1.CATALINA_HOME2.编辑Path,点击“新建”,添加变量值:%CATALINA_HOME%\lib%CATALINA_HOME%\b

    2022年5月13日
    263
  • Python画图[通俗易懂]

    Python画图[通俗易懂]帮别人实现rubberfriction的运算公式。公式不是我专业的内容,完全不懂,只是照着公式用python计算并画图。做出的图,与论文中的图进行对比,完全一致。之所以用python,是因为mat

    2022年7月5日
    26

发表回复

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

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