JavaScriptでのバブルソートの意味-フロントエンドQ&A-php.cn

JavaScript におけるバブルソートの意味

ホームページ

ウェブフロントエンド

フロントエンドQ&A

JavaScriptでのバブルソートの意味

Feb 21, 2022 pm 04:39 PM

html javascript フロントエンド

JavaScript では、バブルソートは並べ替え方法です。原理は、配列内の各数値を前から後ろに比較し、サイズに応じて位置を交換することです。比較の各ラウンドで、最大値を比較するときに、次の値が決定されます。ラウンドでは、配列のサイズが最終的にソートされます。

JavaScriptでのバブルソートの意味

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript におけるバブルソートの意味

1. バブルソートとは

バブルソート、バブルソートは、シーケンス内の 2 つの隣接する要素のサイズ。各比較中に、順序付けを行うために 2 つの要素が交換されます。

順序なし配列のセットを小さいものから大きいものに並べ替える場合は、2 つの要素が比較され、交換によって実装されます。左側の要素は右側の要素よりも小さいです。

順序付けされていない配列のセットを大きいものから小さいものに並べ替える場合、2 つの要素が比較され、交換によって実装されます。左側の要素は右側の要素よりも大きくなります。

炭酸飲料の泡のように、下から上に向かって泡立ちます。

原理は、配列内の各数値を前から後ろに比較し、サイズに応じて位置を交換することです。各比較ラウンドで現在の比較ラウンドの最大値が決定され、最終的にサイズ順にソートされた配列。

2. たとえば、

数字のセット 2,4,7,5,3,6,1## がある場合

#最初のラウンド:

i=0;

j (内部ループ) は 6 回ループします。内部ループは作業を行います: 2 つの隣接する数値を比較し、大きい方が終了します。小さいものが前に配置され、1 サイクルになります。

外側のループで回数を制御し、内側のループで判断します。

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]

ログイン後にコピー

2 ラウンド目:

i=1;

j (内側のループ) 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]

ログイン後にコピー

3 ラウンド目:

i=2;

j (内側のループ) 4 回ループ

ログイン後にコピー

4 ラウンド目:

i=3;

j (内側のループ) 3 回ループ

ログイン後にコピー

5 ラウンド目:

i=4;

ログイン後にコピー

6 ラウンド目:

i=5;

ログイン後にコピー

&lt;script type=&quot;text/javascript&quot; &gt;
// 示例1：
function show(){
var arr=[2,4,7,5,3,6,1];
for(var i=0;i&lt;arr.length-1;i++){
for(var j=0;j&lt;arr.length-1-i;j++){
//1、比较相邻的两个数；大的在后，小的在前
if(arr[j] &gt; arr[j+1] ){
var temp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = temp;
}
}
}
console.log(arr);
}
// 示例2:
&lt;body&gt;
    &lt;input type=&quot;text&quot; id=&quot;test&quot;&gt;
    &lt;button type=&quot;button&quot; onclick=&quot;show()&quot;&gt;按我&lt;/button&gt;
    &lt;input type=&quot;text&quot; id=&quot;sc&quot;&gt;
&lt;/body&gt;
    function show() {
        let oT=document.getElementById(&quot;test&quot;).value;
        let sc=document.getElementById(&quot;sc&quot;);
        // console.log(sc);
        // console.log(oT);
        let arr=oT.split(&quot;&quot;);
        console.log(arr.length);
        for (var i = 0; i &lt; arr.length - 1; i++) {
            for (var j = 0; j &lt; arr.length - 1 - i; j++) {
                //1、比较相邻的两个数；大的在后，小的在前
                if (arr[j] &gt; arr[j + 1]) {
                    var temp = arr[j];
                    arr[j] = arr[j + 1];
                    arr[j + 1] = temp;
                }
            }
        }
        // console.log(arr);
        sc.value=arr;
        
    }
&lt;/script&gt;

ログイン後にコピー