舉例說明javascript冒泡排序

更新時(shí)間：2021年11月19日 11:56:06 作者：kalrry

這篇文章主要為大家介紹了javascript冒泡排序，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助

一、什么是冒泡排序

冒泡排序，Bubble Sort，通過依次來比較相鄰兩個(gè)元素的大小，在每一次的比較的過程中，兩個(gè)元素，通過交換來達(dá)到有序的目的。

如果一組無序的數(shù)列想要從小到大排序，那么兩個(gè)元素比較，通過交換來實(shí)現(xiàn)，左邊的元素要比右邊的元素要小。

如果一組無序的數(shù)列想要從大到小排序，那么兩個(gè)元素比較，通過交換來實(shí)現(xiàn)，左邊的元素要比右邊的元素要大。

就像碳酸飲料中的氣泡一樣，從底部一直冒泡到頂部。

二、舉個(gè)例子

假如有 2,4,7,5,3,6,1 這組數(shù)

第一輪：

i=0;

j(內(nèi)層循環(huán))循環(huán) 6次,內(nèi)層循環(huán)做的工作：相鄰兩個(gè)數(shù)比較,大的最終會(huì)放在后面,小的在前，一次循環(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、比較相鄰的兩個(gè)數(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、比較相鄰的兩個(gè)數(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>