Detaillierte Erläuterung der JavaScript-Programmschleifenstruktur

Detaillierte Erläuterung der JavaScript-Programmschleifenstruktur

Struktur auswählen

Einzelzweig-IF-Struktur

wenn(Bedingung){
Code, der ausgeführt wird, nachdem die Bedingung erfüllt ist}

Wenn sich in den geschweiften Klammern nur eine Anweisung befindet, können Sie die geschweiften Klammern weglassen, dies wird jedoch dringend nicht empfohlen.

wenn(Bedingung)
	console.log('Punkt Punkt Punkt')

Zweizweigige if-Strukturanweisung

if (Bedingung) {
Code, der ausgeführt wird, nachdem die Bedingung erfüllt ist}
anders{
Code, der ausgeführt wird, wenn die Bedingung nicht erfüllt ist}

Mehrzweigige if-Strukturanweisung

wenn(Bedingung 1){
Code 1
}
sonst wenn(Bedingung 2){
Code 2
}
......
anders{
Keine der oben genannten Bedingungen ist erfüllt und der Code wird ausgeführt}

Schalterstruktur

var heute=1
Schalter (heute) {
	Fall 1:
		console.log('Arbeitstag')
		brechen
	Fall 2:
		console.log('Arbeitstag')
		brechen
	Fall 3:
	Fall 4:
	Fall 5:
		console.log('Arbeitstag')
		brechen
	Standard
		console.log('Ruhetag')
		brechen

Der Unterschied zwischen Switch und If

  • switch kann nur dann eine Gleichwertigkeitsbeurteilung durchführen, wenn
  • Für die Beurteilung eines kontinuierlichen Intervalls bestehen keine Einschränkungen.

Schleifenstruktur

Die wiederholte Ausführung einer Operation wird als Schleife bezeichnet.

während

//10-malige Schleife var i=1
während(i<=10){
konsole.log('111111')
ich++
}
//Beispiel: Berechnen Sie die Summe der ganzen Zahlen innerhalb von 100 var i=1
var Summe = 0
während(i<=100){
 Summe + = ich
 ich++
}
Beispiel: Gib alle Ganzzahlen zwischen [1.200] aus, die durch 7, aber nicht durch 4 teilbar sind, und zähle deren Anzahl. Gleichzeitig erfordert die Ausgabe, dass in jeder Zeile 5 var i=1 angezeigt werden.
Variablenanzahl = 0
während(i<=200){
	wenn(i%7==0 && i%4!=0){
		Dokument.schreiben(i+"&nbsp;&nbsp;&nbsp;&nbsp;")
		count++; //Zähle die Zahl // Bestimmen Sie, ob 5 Ausgaben in eine neue Zeile geändert werden, wenn (count%5==0){
		Dokument..schreiben('<br>');
		}
	}
	ich++;
	document.write('<br>Gesamt: '+Anzahl+'')

tun … während

Führen Sie zuerst den Code aus und beurteilen Sie dann den Zustand

var i=1;
        Tun{
            console.log('Lerne fleißig und mache jeden Tag Fortschritte!')
            ich++;
        }während(i<=10)
  #Fall#Berechnen Sie das Vielfache zwischen 1-50<script type="text/javascript">
        var i=1;
        var Summe=0;
        Tun{
            wenn(i%6==0){
                Summe + = ich
            }
            ich++;
        }während(i<=50)
        console.log(Summe)
    </Skript>
#Fall# Schleife, um den Benutzer aufzufordern, 5 Zahlen einzugeben, zum Beenden q zu drücken und dann die Maximal- und Minimalwerte auszugeben. #Fordern Sie den Benutzer einmal zur Eingabe auf und verwenden Sie dann die Zahl als Maximal- und Minimalwert. var num = Number(prompt('Bitte geben Sie ein Merkmal ein (drücken Sie q zum Beenden):'))
 var max=num;
var min=num;
var flag = true // Gibt an, ob die Schleife fortgesetzt werden soll var i = 1;
Tun{
var num=Zahl(promot('Bitte geben Sie eine Ganzzahl ein!'))
#Bestimmen Sie, ob der Benutzer q eingibt
wenn(num=='q'){
flag=false //Wenn Sie q eingeben, ändern Sie das Flag in false, um anzuzeigen, dass die Schleife angehalten wird}else{
Zahl=Zahl(Zahl)
wenn(Zahl>max){
	max=Zahl;
}
wenn (Zahl<Min){
min=Anzahl
}
}während(Flagge)
Konsole.log(max)
Konsole.log(min)

for-Schleife

Grammatik

für(Initialisierung:Bedingung:Iteration){
Codeblock}

Der Initialisierungsteil wird zuerst zu Beginn der Schleife ausgeführt, und der Initialisierungsteil wird nur einmal ausgeführt

Nach Abschluss der Initialisierung wird festgestellt, ob die Bedingung erfüllt ist. Wenn ja, wird der Codeblock ausgeführt und anschließend der Iterationsteil ausgeführt.

für … in …

Durchlaufen der Sammlungsdaten

Die Schleifendurchquerung ist die Indexreihenfolge der durchlaufenen Daten in der Sammlung (beginnend bei 0), nicht die Daten selbst

<Skripttyp="text/javascript">
        var str = "abc"
        für (var index in str) {
            Konsole.log(Index,str[Index])
        }
    </Skript>

Bildbeschreibung hier einfügen

für …von…

Iterieren Sie über die Sammlungsdaten

Dies dient dazu, den Wert direkt zu erhalten

<Skripttyp="text/javascript">
        var str = "abc"
        für (var Index von str) {
            konsole.log(index)
        }
    </Skript>

Bildbeschreibung hier einfügen

Zusammenfassung

  • Wenn die Anzahl der Schleifen bestimmt ist, wird im Allgemeinen for verwendet
  • Wenn die Anzahl der Schleifen ungewiss ist, werden im Allgemeinen while und do...while verwendet
  • Verwenden Sie for...in und for...of, um über eine Sammlung zu iterieren.

Beenden der Schleife

brechen

break springt aus der gesamten Schleife heraus und beendet die Ausführung der Schleife

Fall

//Wenn Ganzzahlen zwischen 1 und 20 addiert werden, beenden Sie die Addition, wenn der akkumulierte Wert größer als 66 ist, und geben Sie die aktuelle Ganzzahl und den akkumulierten Wert aus var sum = 0
für(var i=1;i<=20;i++){
	Summe+=1
	wenn(Summe>66){
	brechen
}
}

weitermachen

Springen Sie aus dieser Schleife heraus und führen Sie die nächste Schleife aus. Diese Schleife ist noch nicht abgeschlossen.

//Berechne die Summe aller geraden Zahlen zwischen 1-10 var sum=0;
für(var i=1;i<=10;i++){
	wenn(i%2!=0){
	weitermachen
	}
	Summe + = ich
}

Zyklus der zweiten Schicht

Eine Schleife ist in eine andere Schleife eingebettet, so dass eine Doppelschleife entsteht. Mehrere Schleifen können ineinander eingebettet sein.

Die Variable der äußeren Schleife ändert sich einmal und die innere Schleife wird einmal ausgeführt.

//Fall //An einem bestimmten Programmierwettbewerb nehmen drei Klassen mit jeweils vier Schülern teil. Geben Sie die Punktzahlen aller Schüler in jeder Klasse ein und berechnen Sie dann die Durchschnittspunktzahl jeder Klasse für (var i = 1; i <= 3; i ++) {
	alert('Bitte geben Sie die Schülerdaten der '+i+'ten Klasse ein---')
	//Die innere Schleife steuert die Anzahl der Schüler in der Klasse var sum=0
	für(var j=1;j<=4;j++){
	var score=Number(prompt('Bitte geben Sie die Punktzahl des '+j+'ten Schülers ein:'))
	Summe+=Punktzahl;
}
	console.log('Die durchschnittliche Punktzahl der '+i+'ten Klasse ist: '+Summe/4)
}
  <Skripttyp="text/javascript">
        für(var i=1;i<=9;i++){
            für(var j=1;j<=i;j++){
                Dokument.schreiben(j+'*'+i+'='+i*j+'&nbsp;&nbsp')
            }
            dokument.schreiben('<br>')
        }
    </Skript>

Bildbeschreibung hier einfügen

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:
  • JS-Grundlagen: Beispiele für logische Strukturen und Schleifenoperationen
  • Implementierung einer bidirektionalen verknüpften Liste und einer bidirektionalen zirkulären verknüpften Liste in der JavaScript-Datenstruktur
  • JavaScript-Datenstruktur: einfach verkettete Liste und zirkulär verkettete Liste
  • Detaillierte Erklärung der JavaScript-Datenstruktur: Beispiele für Prioritätswarteschlangen und Ringwarteschlangen
  • Einfaches Erlernen der for-Anweisungsschleifenstruktur in JavaScript

<<:  Optionsfelder und Multiple-Choice-Schaltflächen werden mit Bildern gestaltet

>>:  Beispielcode zum Anzeigen von Erinnerungspunkten in der oberen linken oder oberen rechten Ecke mithilfe von CSS3

Artikel empfehlen

Vue implementiert einen Einkaufswagen, der die Einkaufsmenge ändern kann

In diesem Artikel erfahren Sie, wie Sie mit Vue d...

Detaillierte Erklärung des SELINUX-Arbeitsprinzips

1. Einleitung Der Hauptvorteil, den SELinux für L...

Spezifische Verwendung der Schnittstelle wx.getUserProfile im Applet

Kürzlich hat das WeChat Mini-Programm Anpassungen...

So verwenden Sie benutzerdefinierte CSS-Variablen in Vue

Inhaltsverzeichnis Die benutzerdefinierte CSS-Var...

Implementierung der vertikalen Zentrierung mit unbekannter Höhe in CSS

Dieser Artikel stellt hauptsächlich die Implement...

Achten Sie bei der Webseitenerstellung auf die Verwendung von HTML-Tags

Dieser Artikel stellt einige Aspekte von HTML-Tag...

5 einfache Möglichkeiten, Speicherplatz auf Ubuntu freizugeben

Vorwort Die meisten Benutzer führen diesen Vorgan...

Anwendungsbeispiele für React Hooks

Inhaltsverzeichnis Ein einfaches Komponentenbeisp...

Miniprogramm zur Implementierung des Slider-Effekts

In diesem Artikelbeispiel wird der spezifische Co...

In wenigen Schritten zum einfachen Aufbau eines Windows-SSH-Servers

Das hier erwähnte SSH heißt Security Shell. Ich g...

Das Problem der Verwendung von Slots durch Vue+tsx wird nicht behoben

Inhaltsverzeichnis Vorwort Finden Sie das Problem...

So zeigen Sie verfügbare Netzwerkschnittstellen in Linux an

Vorwort Die häufigste Aufgabe nach der Installati...

So verwenden Sie vw+rem für das mobile Layout

Verwenden Sie immer noch das flexible Rem-Layout?...

So installieren Sie PostgreSQL11 auf CentOS7

Installieren Sie PostgreSQL 11 auf CentOS 7 Postg...

Eine kurze Analyse der Verwendung des HTML-Webpack-Plugins

Wenn Sie zum Starten der Seite das Plugin „html-w...