舉例說明javascript冒泡排序
一、什么是冒泡排序
冒泡排序,Bubble Sort
,通過依次來比較相鄰兩個元素的大小,在每一次的比較的過程中,兩個元素,通過交換來達到有序的目的。
如果一組無序的數(shù)列想要從小到大排序,那么兩個元素比較,通過交換來實現(xiàn),左邊的元素要比右邊的元素要小。
如果一組無序的數(shù)列想要從大到小排序,那么兩個元素比較,通過交換來實現(xiàn),左邊的元素要比右邊的元素要大。
就像碳酸飲料中的氣泡一樣,從底部一直冒泡到頂部。
二、舉個例子
假如有 2,4,7,5,3,6,1 這組數(shù)
第一輪:
i=0;
j(內(nèi)層循環(huán))循環(huán) 6次,內(nèi)層循環(huán)做的工作:相鄰兩個數(shù)比較,大的最終會放在后面,小的在前,一次循環(huán)外層循環(huán)控制次數(shù),內(nèi)層循環(huán)做判斷
j=0 1 2 3 4 5
2 2 2 2 2 2 2
4 4 4 4 4 4 4
7 7 7 5 5 5 5
5 5 5 7 3 3 3
3 3 3 3 7 6 6
6 6 6 6 6 7 1
1 1 1 1 1 1 7
arr[0] arr[1] arr[2]
arr[1] arr[2] arr[3]
第二輪:
i=1;
j(內(nèi)層循環(huán))循環(huán) 5次
j=0 1 2 3 4 5
2 2 2 2 2 2
4 4 4 4 4 4
5 5 5 3 3 3
3 3 3 5 5 5
6 6 6 6 6 1
1 1 1 1 1 6
7 7 7 7 7 7
arr[0] arr[1] arr[2]
arr[1] arr[2] arr[3]
第三輪:
i=2;
j(內(nèi)層循環(huán))循環(huán) 4次
2 2 2 2 2
4 4 3 3 3
3 3 4 4 4
5 5 5 5 1
1 1 1 1 5
6 6 6 6 6
7 7 7 7 7
第四輪:
i=3;
j(內(nèi)層循環(huán))循環(huán) 3次
2 2 2 2
3 3 3 3
4 4 4 1
1 1 1 4
5 5 5 5
6 6 6 6
7 7 7 7
第五輪:
i=4;
2 2 2
3 3 1
1 1 3
4 4 4
5 5 5
6 6 6
7 7 7
第六輪:
i=5;
2 1
1 2
3 3
4 4
5 5
6 6
7 7
*/
<script type="text/javascript" > // 示例1: function show(){ var arr=[2,4,7,5,3,6,1]; for(var i=0;i<arr.length-1;i++){ for(var j=0;j<arr.length-1-i;j++){ //1、比較相鄰的兩個數(shù);大的在后,小的在前 if(arr[j] > arr[j+1] ){ var temp = arr[j]; arr[j] = arr[j+1]; arr[j+1] = temp; } } } console.log(arr); } // 示例2: <body> <input type="text" id="test"> <button type="button" onclick="show()">按我</button> <input type="text" id="sc"> </body> function show() { let oT=document.getElementById("test").value; let sc=document.getElementById("sc"); // console.log(sc); // console.log(oT); let arr=oT.split(""); console.log(arr.length); for (var i = 0; i < arr.length - 1; i++) { for (var j = 0; j < arr.length - 1 - i; j++) { //1、比較相鄰的兩個數(shù);大的在后,小的在前 if (arr[j] > arr[j + 1]) { var temp = arr[j]; arr[j] = arr[j + 1]; arr[j + 1] = temp; } } } // console.log(arr); sc.value=arr; } </script>
總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表定義與使用方法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表定義與使用方法,簡單介紹了雙向鏈表的原理,并結(jié)合實例形式分析了雙向鏈表的定義與使用方法,需要的朋友可以參考下2017-10-10漂亮的widgets,支持換膚和后期開發(fā)新皮膚(2007-4-27已更新1.7alpha)
漂亮的widgets,支持換膚和后期開發(fā)新皮膚(2007-4-27已更新1.7alpha)...2007-04-04javascript getBoundingClientRect() 來獲取頁面元素的位置的代碼[修正版]
該方法已經(jīng)不再是IE Only了,F(xiàn)F3.0+和Opera9.5+已經(jīng)支持了該方法,可以說在獲得頁面元素位置上效率能有很大的提高,在以前版本的Opera和Firefox中必須通過循環(huán)來獲得元素在頁面中的絕對位置。2009-05-05JavaScript實現(xiàn)焦點進入文本框內(nèi)關(guān)閉輸入法的核心代碼
這篇文章給大家分享js實現(xiàn)焦點進入文本框內(nèi)關(guān)閉輸入法,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-09-09ES6中的Javascript解構(gòu)的實現(xiàn)
這篇文章主要介紹了ES6中的Javascript解構(gòu)的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10