Beispiel für Javascript-Bubblesort

Beispiel für Javascript-Bubblesort

1. Was ist Bubble Sort

Bubble Sort vergleicht nacheinander die Größen zweier benachbarter Elemente. Bei jedem Vergleichsvorgang werden die beiden Elemente vertauscht, um den Zweck der Ordnung zu erreichen.

Wenn eine ungeordnete Zahlenfolge von klein nach groß sortiert werden muss, kann dies beim Vergleich zweier Elemente durch deren Vertauschen erreicht werden, wobei das linke Element kleiner sein muss als das rechte Element.

Muss eine ungeordnete Zahlenfolge vom Größten zum Kleinsten sortiert werden, so kann dies beim Vergleich zweier Elemente durch deren Vertauschung erreicht werden, so dass das linke Element größer ist als das rechte.

Genau wie die Blasen in einem kohlensäurehaltigen Getränk, die von unten nach oben sprudeln.

2. Geben Sie ein Beispiel

Wenn es eine Zahlenfolge 2,4,7,5,3,6,1 gibt

Runde 1:

i=0;

j (innere Schleife) wird 6 Mal wiederholt. Die Arbeit der inneren Schleife besteht darin, zwei benachbarte Zahlen zu vergleichen, wobei die größere am Ende und die kleinere am Anfang platziert wird. Die äußere Schleife steuert die Anzahl der Wiederholungen in einer Schleife, und die innere Schleife trifft Entscheidungen

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]

Runde 2:

i=1;

j (innere Schleife) 5 Schleifen

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]

Runde 3:

i=2;

j (innere Schleife) wird 4 Mal wiederholt

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

Runde 4:

i=3;

j (innere Schleife) wird 3 Mal wiederholt

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

Runde 5:

i=4;

2 2 2
3 3 1
1 1 3
4 4 4
5 5 5
6 6 6
7 7 7

Runde 6:

i=5;

einundzwanzig
1 2
3 3
4 4
5 5
6 6
7 7
*/

<Skripttyp="text/javascript" >
// Beispiel 1:
Funktion zeigen(){
	var arr = [2,4,7,5,3,6,1];
	für(var i=0;i<arr.length-1;i++){
		für(var j=0;j<arr.length-1-i;j++){
			//1. Vergleiche zwei benachbarte Zahlen; die größere steht hinten, die kleinere vorne if (arr[j] > arr[j+1] ) {
				var temp = arr[j];
				arr[j] = arr[j+1];
				arr[j+1] = temp;
			}
		}
	}
	Konsole.log(arr);
}

// Beispiel 2:
	<Text>
	    <Eingabetyp="Text" ID="Test">
	    <button type="button" onclick="show()">Drück mich</button>
	    <Eingabetyp="text" id="sc">
	</body>

    Funktion zeigen() {
        let oT=document.getElementById("test").value;
        let sc = document.getElementById("sc");
        // konsole.log(sc);
        // konsole.log(oT);
        lass arr = oT.split("");
        Konsole.log(arr.Länge);
        für (var i = 0; i < arr.length - 1; i++) {
            für (var j = 0; j < arr.length - 1 - i; j++) {
                //1. Vergleiche zwei benachbarte Zahlen; die größere steht hinten, die kleinere vorne if (arr[j] > arr[j + 1]) {
                    var temp = arr[j];
                    arr[j] = arr[j + 1];
                    arr[j + 1] = temp;
                }
            }
        }
        // konsole.log(arr);
        sc.Wert=arr;
    }
</Skript>

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!

Das könnte Sie auch interessieren:
  • Wesentliche Informationen zum JS-Frontend-Interview - Detaillierte Erläuterung der Prinzipien und Implementierungsmethoden grundlegender Sortieralgorithmen [Einfügen/Auswählen/Zusammenführen/Blasen/Schnellsortierung]
  • Lernen von JavaScript-Algorithmen: Bubblesort und Selectionsort
  • JavaScript-Datenstruktur und -Algorithmus, Definition des grundlegenden Sortieralgorithmus und Effizienzvergleich [Bubble-, Selection-, Insertionsort]
  • In JavaScript implementierte Bubblesortierung und Beispiele zum Zählen der Anzahl der Austausche benachbarter Zahlen
  • Detaillierte Erklärung von Quicksort und Bubbling in JS
  • JavaScript implementiert den klassischen Sortieralgorithmus Bubblesort

<<:  Javascript-Baummenü (11 Elemente)

>>:  Detaillierte Schritte zum Konfigurieren virtueller Hosts in nginx

Artikel empfehlen

React kapselt die globale Bullet-Box-Methode

In diesem Artikelbeispiel wird der spezifische Co...

HTML-Grundstruktur_Powernode Java Academy

Wenn wir lernen, Webseiten zu entwickeln, ist das...

Beispiel zum Aktivieren langsamer Abfragen in MySQL

Vorwort Das langsame Abfrageprotokoll ist eine se...

Die heißesten Trends im Webdesign UI im Jahr 2013 Die beliebtesten UI-Designs

Die Zeit vergeht wie im Flug und in nur sechs Tag...

Verständnis und Anwendung des Destrukturierungsoperators von JavaScript ES6

Inhaltsverzeichnis Vorwort Die Rolle von Dekonstr...

Front-End-JavaScript-Housekeeper-Paket.json

Inhaltsverzeichnis 1. Erforderliche Attribute 1. ...

Lösen Sie das Problem verstümmelter chinesischer Schriftzeichen in Mysql5.7

Wenn Sie MySQL 5.7 verwenden, werden Sie feststel...

Einige kleine Methoden, die häufig in HTML-Seiten verwendet werden

Fügen Sie das Tag <Head> hinzu <meta http...

So drücken Sie relative Pfade in Linux aus

Wenn Ihr aktueller Pfad beispielsweise /var/log i...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.24

In diesem Artikel finden Sie das Installations- u...

So rufen Sie das unterbrochene System in Linux auf

Vorwort Langsame Systemaufrufe beziehen sich auf ...