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


相关推荐

  • vim的配置_vim全局配置

    vim的配置_vim全局配置vim前端全家桶配置指南简介因为写了一段时间前端,一直在考虑vim是否能够替代前端无敌编辑器vscode,最后发现只能高仿,自己配置的性能跟vscode下的vim模式差不多,灵活性更高点,喜欢折腾的朋友可以试试,否则用vscodevim模式吧,已经神一般的完美了(不是高级黑-。-)。这套插件目前包含了代码自动补全,目录树,js/jsxeslint自动格式化,小黑屋模式,文件搜索ctr…

    2022年9月30日
    4
  • 计算机的139 135 445端口关闭_系统端口设置在哪里

    计算机的139 135 445端口关闭_系统端口设置在哪里近期永恒之蓝勒索病毒迅速传播,基本上都是通过135,137,138,139,445等端口入侵,关闭445135137138139端口是有效预防入侵的方式之一,同时更新微软最新补丁,及时备份重要数据,才能从容应对病毒侵袭,下面重点介绍关闭135,137,138,139,445端口方法。关闭445135137138139端口方法教程方法一:方法二:1、打开Windows徽标(开始菜单)…

    2022年8月31日
    6
  • 图的五种最短路径算法

    图的五种最短路径算法本文总结了图的几种最短路径算法的实现:深度或广度优先搜索算法,费罗伊德算法,迪杰斯特拉算法,Bellman-Ford算法。1)深度或广度优先搜索算法(解决单源最短路径)从起点开始访问所有深度遍历路径或广度优先路径,则到达终点节点的路径有多条,取其中路径权值最短的一条则为最短路径。下面是核心代码:voiddfs(intcur,intdst){if(minpath&lt;dst)r…

    2022年6月4日
    47
  • Microsoft Platform SDK 选择及在vc++6.0中的配置

    Microsoft Platform SDK 选择及在vc++6.0中的配置MicrosoftPlatformSDK选择及在vc++6.0中的配置转自http://hi.baidu.com/reddragon1314/blog/item/c6782188f00905

    2022年7月2日
    43
  • stringstream 的用法介绍[通俗易懂]

    stringstream 的用法介绍[通俗易懂]stringstream主要有两个作用:简化类型转换和一次性读入数据: 一、使用stringstream对象简化类型转换C++标准库中的提供了比ANSIC的更高级的一些功能,即单纯性、类型安全和可扩展性。在本文中,我将展示怎样使用这些库来实现安全和自动的类型转换。为什么要学习如果你已习惯了风格的转换,也许你首先会问:为什么要花额外的精力来学习基于的类型转换呢?也许对下面一

    2022年5月6日
    57
  • 网络打印机计算机服务,如何把局域网中的所有计算机及打印机设置共享?

    网络打印机计算机服务,如何把局域网中的所有计算机及打印机设置共享?实现打印机共享常用的方式有两种 常规的共享方式和网络打印服务器 网络打印服务器的大小与机顶盒差不多 用于将普通的 USB 接口的打印机改造成 网络打印机 并且可以实现跨网打印功能 方式 1 常规的打印机共享常规的打印机共享方式 开启电脑的共享功能 实现打印机的共享 这种方式经常用于办公室打印机共享 不能跨网段 跨 VLAN 使用 step1 设置打印机共享如下图所示 依次点击 开始 设备和打印机 找

    2025年9月24日
    3

发表回复

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

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