js的冒泡排序

冒泡排序原理:

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

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

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

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

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

白话就是:比如有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




#冒泡排序divdivforiinrangen1divdivforjinrangeni1divdivifbjgtbj1divdivbjbj1bj1bjdivdivajaj1aj1ajdivdiv##秋招以来你最大的收获是什么##面试题#
全部评论
谢谢分享,这个也算是面试基本的算法题了
点赞
送花
回复
分享
发布于 2022-10-25 11:47 山西

相关推荐

腾讯前端开发岗位暑期实习笔试面试岗位:软件开发-前端开发方向面试部门:腾讯安全60min&nbsp;全&nbsp;a,只是题目比较长,核心代码没有很难问题&nbsp;⬇️(题目只发布了核心代码,最多九张图片,后两题放不下,具体可私1.&nbsp;场景描述:利用&nbsp;flex&nbsp;和&nbsp;transform&nbsp;布局实现一个骰子五点布局,补全&nbsp;CSS&nbsp;代码实现效果。2.&nbsp;场景描述:假设我们有一个需要执行耗时较长的操作,比如从服务器获取数据。为了减少不必要的重复请求,我们可以使用这段代码来缓存已经请求过的数据,避免重复执行相同的操作。3.&nbsp;场景描述:图片懒加载是常见的前端性能优化手段之一,当图片进入可视区域时,再去加载图片资源,可以有效减少不必要的网络请求。Chrome&nbsp;和&nbsp;Firefox&nbsp;都支持使用添加&nbsp;loading=&amp;quot;lazy&amp;quot;&nbsp;属性的延迟加载。但是该方案不支持加载中情况下的占位图、设置视口距离阈值等。所以IntersectionObserver&nbsp;接口(从属于&nbsp;Intersection&nbsp;Observer&nbsp;API)提供了一种异步观察目标元素与其祖先元素或顶级文档视口&nbsp;(viewport)&nbsp;交叉状态的方法,来实现图片的懒加载。4.&nbsp;场景描述:一个格式化函数,它可以将模板字符串中的占位符替换为相应的参数值。占位符可以使用隐式编号(按照参数的顺序)或显式编号(指定参数的索引)进行编号。还可以使用转换器对参数值进行转换。最终,函数会返回格式化后的字符串。5.&nbsp;场景描述:你需要完成一个调度器&nbsp;(Scheduler)&nbsp;的实现,用于控制并发执行异步任务。调度器可以同时执行最多两个任务,当有任务添加到调度器时,如果当前正在执行的任务数少于两个,则立即执行该任务;否则,将任务加入任务队列中等待执行。一旦有任务执行完成,调度器会从任务队列中取出下一个任务执行。#腾讯实习# #前端笔试# #互联网大厂# #腾讯# #前端# #实习# #笔经# #腾讯笔试#
投递腾讯等公司9个岗位
点赞 评论 收藏
转发
头像
不愿透露姓名的神秘牛友
04-17 16:45
大疆 机械结构实习生 390-420一天 硕士985
点赞 评论 收藏
转发
4 7 评论
分享
牛客网
牛客企业服务