欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript冒泡算法原理與實(shí)現(xiàn)方法深入理解

 更新時(shí)間:2020年06月04日 09:23:00   作者:huangyuxin_  
這篇文章主要介紹了JavaScript冒泡算法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript冒泡算法基本原理、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了JavaScript冒泡算法。分享給大家供大家參考,具體如下:

在面試中經(jīng)常會(huì)遇到面試官問到冒泡算法。今天總結(jié)一下。

###概念

有一組數(shù),依次比較兩個(gè)相鄰的數(shù),如果他們的順序(如從大到小或從小到大等)錯(cuò)誤就把他們交換過來。

我們先假設(shè)這一組數(shù)是有順序的,那么我們找出它的規(guī)則。

我們按照從小到大的順序依次交換長方形,得到以下的結(jié)果。

第一輪交換結(jié)果:CBAD     交換次數(shù):3次
第二輪交換結(jié)果:BACD     交換次數(shù):3次
第三輪交換結(jié)果:ABCD     交換次數(shù):3次

結(jié)果:

1.比較輪數(shù) n-1
2.每次比較次數(shù) n-1

###簡單的冒泡算法

<script>
var arr = [1,2,3,4];
var temp = null;
var m = null;
var n = null;
// 雙重for循環(huán)
for(var i=0;i<arr.length-1;i++){
//指定交換論數(shù)和交換次數(shù)(內(nèi)循環(huán)控制交換次數(shù))
    for(var a=0;a<arr.length-1;a++){
        if(arr[a]<arr[a+1]){
        //判斷是否符合標(biāo)準(zhǔn)
            temp = arr[a+1];
            arr[a+1] = arr[a];
            arr[a] = temp;
        }
        m++;
    }
    n++;
}
console.log(arr);
console.log(m);
console.log(n);
</script>

得到結(jié)果

[4,3,2,1]     排序后
9                      交換次數(shù)
3                          輪數(shù)

在上述的例子中,有重復(fù)交換的數(shù)據(jù),我們?cè)賮矸治鱿隆?/p>

第一輪交換:
第一次: 2 1 3 4
第二次: 2 3 1 4
第三次: 2 3 4 1
第二輪交換:
第一次: 3 2 4 1
第二次: 3 4 2 1
第三次: 3 4 2 1
第三輪交換:
第一次: 4 3 2 1
第二次: 4 3 2 1
第三次: 4 3 2 1

總結(jié):

每一輪都會(huì)比較出一個(gè)最大值或最小值,然后后一輪沒有必要再比較了
所以每比較一輪,就少比較一次。在第二輪的時(shí)候,有一個(gè)數(shù)不參與交換。
在第三輪的時(shí)候,有兩個(gè)數(shù)不參與交換。依次類推。

所以,對(duì)上述代碼優(yōu)化。

var arr = [1,2,3,4];
var temp = null;
var m = null;
var n = null;

// 雙重for循環(huán)
for(var i=0;i<arr.length-1;i++){
    //指定交換論數(shù)和交換次數(shù)(內(nèi)循環(huán)控制交換次數(shù))
    for(var a=0;a<arr.length-1-i;a++){

        if(arr[a]<arr[a+1]){

    //判斷是否符合標(biāo)準(zhǔn)
    temp = arr[a+1];
    arr[a+1] = arr[a];
    arr[a] = temp;
    }
    m++;
    }
    n++;
}
console.log(arr);
console.log(m);
console.log(n);

得到結(jié)果。

[4,3,2,1] 排序后
6 交換次數(shù)
3 輪數(shù)

再來個(gè)稍微復(fù)雜點(diǎn)的例子。

<script>
var arr = [66,22,23,39,77,25,88];
var temp = null;
var m = null;
var n = null;

// 雙重for循環(huán)
for(var i=0;i<arr.length-1;i++){
//指定交換論數(shù)和交換次數(shù)(內(nèi)循環(huán)控制交換次數(shù))

    for(var a=0;a<arr.length-1;a++){

        if(arr[a]<arr[a+1]){

    //判斷是否符合標(biāo)準(zhǔn)
    temp = arr[a+1];
    arr[a+1] = arr[a];
    arr[a] = temp;
    }
    m++;
    }

    n++;

}
console.log(arr);
console.log(m);
console.log(n);
</script>

結(jié)果:

[88, 77, 66, 39, 25, 23, 22]
21 少交換了15次
6

結(jié)果其實(shí)已經(jīng)提前完成,有重復(fù)交換次數(shù)。這次,我們加個(gè)判斷,就是比較本次沒有移動(dòng)任何元素,那么說明已經(jīng)完成結(jié)果。

<script>
var arr = [66,22,23,39,77,25,88,11,33,23];
var temp = null;
var m = null;
var n = null;
var flag = true;

// 雙重for循環(huán)
for(var i=0;i<arr.length-1;i++){
//指定交換論數(shù)和交換次數(shù)(內(nèi)循環(huán)控制交換次數(shù))

    flag = true;

    for(var a=0;a<arr.length-1-i;a++){

        if(arr[a]<arr[a+1]){

    //判斷是否符合標(biāo)準(zhǔn)
    temp = arr[a+1];
    arr[a+1] = arr[a];
    arr[a] = temp;
    flag = false;
    }
    m++;
    }

    n++;
    if(flag){
        break;
        }
    }

console.log(arr);
console.log(m);
console.log(n);
</script>

結(jié)果:

[88, 77, 66, 39, 33, 25, 23, 23, 22, 11]
42 少交換了 39次
7 少交換了2 輪

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 全面解析Bootstrap中tab(選項(xiàng)卡)的使用方法

    全面解析Bootstrap中tab(選項(xiàng)卡)的使用方法

    這篇文章主要為大家全面解析Bootstrap中tab(選項(xiàng)卡)的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-06-06
  • Javascript 兼容firefox的一些問題

    Javascript 兼容firefox的一些問題

    上午在做一些測(cè)試.把頁面拿到火狐上去就出現(xiàn)一堆問題.頁面布局先不說.Javascript代碼的問題就夠頭疼
    2009-05-05
  • three.js修改物體的位置代碼實(shí)例

    three.js修改物體的位置代碼實(shí)例

    在Three.js中物體通常是通過創(chuàng)建"網(wǎng)格"(Mesh)對(duì)象來描述的,下面這篇文章主要給大家介紹了關(guān)于three.js修改物體位置的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-11-11
  • 設(shè)置BFC功能及使用示例詳解

    設(shè)置BFC功能及使用示例詳解

    這篇文章主要為大家介紹了設(shè)置BFC功能及使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-03-03
  • 微信小程序getLocation 需要在app.json中聲明permission字段

    微信小程序getLocation 需要在app.json中聲明permission字段

    這篇文章主要介紹了微信小程序getLocation 需要在app.json中聲明permission字段,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-03-03
  • javascript面向?qū)ο笾畉his關(guān)鍵詞用法分析

    javascript面向?qū)ο笾畉his關(guān)鍵詞用法分析

    這篇文章主要介紹了javascript面向?qū)ο笾畉his關(guān)鍵詞用法分析,以實(shí)例形式分析了在不同場(chǎng)合下this使用中的特性及相關(guān)使用技巧,需要的朋友可以參考下
    2015-01-01
  • js根據(jù)日期判斷星座的示例代碼

    js根據(jù)日期判斷星座的示例代碼

    本篇文章主要是對(duì)js根據(jù)日期判斷星座的示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助
    2014-01-01
  • javascript中的數(shù)字與字符串相加實(shí)例分析

    javascript中的數(shù)字與字符串相加實(shí)例分析

    javascript中的數(shù)字與字符串相加實(shí)例分析,學(xué)習(xí)js的朋友可以參考下。
    2011-08-08
  • 微信小程序網(wǎng)絡(luò)請(qǐng)求模塊封裝的具體實(shí)現(xiàn)

    微信小程序網(wǎng)絡(luò)請(qǐng)求模塊封裝的具體實(shí)現(xiàn)

    大家做小程序項(xiàng)目的時(shí)候肯定會(huì)遇到數(shù)據(jù)對(duì)接需求,下面這篇文章主要給大家介紹了關(guān)于微信小程序網(wǎng)絡(luò)請(qǐng)求模塊封裝的具體實(shí)現(xiàn),文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-03-03
  • js循環(huán)中使用正則失效異常的踩坑實(shí)戰(zhàn)

    js循環(huán)中使用正則失效異常的踩坑實(shí)戰(zhàn)

    這篇文章主要給大家介紹了關(guān)于js循環(huán)中使用正則失效異常的踩坑實(shí)戰(zhàn),文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2023-05-05

最新評(píng)論