Heim > Web-Frontend > Front-End-Fragen und Antworten > Ein Artikel, der die Prozesssteuerung in JavaScript analysiert

Ein Artikel, der die Prozesssteuerung in JavaScript analysiert

PHPz
Freigeben: 2023-04-21 15:24:55
Original
726 Leute haben es durchsucht

Javascript eignet sich als Skriptsprache sehr gut für die Webprogrammierung. Tatsächlich ist es eine der am häufigsten verwendeten Sprachen in der Webentwicklung. Die Flusskontrolle ist eine der am häufigsten verwendeten Programmiermethoden in JavaScript. In diesem Artikel wird die Flusskontrolle in JavaScript aus der Perspektive von if-Anweisungen, switch-Anweisungen, for-Schleifen, while-Schleifen und do-while-Schleifen analysiert.

if-Anweisung

if-Anweisung wird verwendet, um den Ausführungsfluss des Programms basierend auf Bedingungen zu steuern. Die grundlegende Syntax lautet wie folgt:

if (condition) {
  // code block to be executed if condition is true
}
Nach dem Login kopieren

Wenn die Bedingung (Bedingung) erfüllt ist, wird der Codeblock in den geschweiften Klammern ausgeführt, andernfalls werden die Anweisungen im Codeblock übersprungen. Das folgende Beispiel zeigt die Verwendung von if-Anweisungen:

var x = 10;

if (x > 5) {
  console.log("x is greater than 5");
}
Nach dem Login kopieren

Da in diesem Beispiel der Wert von x 10 ist, ist die Bedingung x > 5 erfüllt und die Anweisungen im Codeblock werden ausgeführt. Die Konsole zeigt „x ist größer als 5“ an.

if...else-Anweisung

if...else-Anweisung ist eine Flusskontrollstruktur, die einen Codeblock ausführt, wenn eine Bedingung erfüllt ist, und einen anderen Codeblock, wenn die Bedingung nicht erfüllt ist. Die grundlegende Syntax lautet wie folgt:

if (condition) {
  // block of code to be executed if the condition is true
} else {
  // block of code to be executed if the condition is false
}
Nach dem Login kopieren

Wenn im obigen Code die Bedingung erfüllt ist, wird der Code im if-Anweisungsblock ausgeführt, andernfalls wird der Code im else-Anweisungsblock ausgeführt. Hier ist ein Beispiel:

var x = 20;

if (x < 10) {
  console.log("x is less than 10");
} else {
  console.log("x is greater than or equal to 10");
}
Nach dem Login kopieren

Da der Wert von x 20 ist, ist die Bedingung x

switch-Anweisung

switch-Anweisung ist eine Mehrweg-Verzweigungsanweisung, mit der verschiedene Codeblöcke basierend auf unterschiedlichen Bedingungen ausgeführt werden. Die grundlegende Syntax lautet wie folgt:

switch (expression) {
  case value1:
    // code block to be executed if expression matches value1
    break;
  case value2:
    // code block to be executed if expression matches value2
    break;
  ...
  default:
    // code block to be executed if no case matches expression
}
Nach dem Login kopieren

Wie oben erwähnt, ist Ausdruck der Parameter der Switch-Anweisung und kann jeder Ausdruck sein, der einen Wert berechnen kann. Innerhalb des Switch-Anweisungsblocks gibt das Case-Label den zu testenden Wert an, und die Break-Anweisung wird verwendet, um aus dem Anweisungsblock zu springen. Wenn es keine Übereinstimmung gibt, wird die Standardanweisung ausgeführt. Das Folgende ist ein Beispiel:

var day = "Monday";

switch (day) {
  case "Monday":
    console.log("Today is Monday");
    break;
  case "Tuesday":
    console.log("Today is Tuesday");
    break;
  case "Wednesday":
    console.log("Today is Wednesday");
    break;
  default:
    console.log("Today is not Monday, Tuesday, or Wednesday");
}
Nach dem Login kopieren

Da im obigen Code der Wert von day „Montag“ ist, lautet die Ausgabe „Heute ist Montag“.

for-Schleife

Eine for-Schleife ist eine Schleife, die Schritt für Schritt eine bestimmte Anzahl von Malen ausführt und dabei bei jedem Schleifendurchlauf eine Bedingung testet. Die grundlegende Syntax lautet wie folgt:

for (initialization; test condition; update) {
  // code block to be executed
}
Nach dem Login kopieren

In einer for-Schleife deklariert die Initialisierungsanweisung normalerweise eine Zählervariable und weist ihr einen Anfangswert zu. Mit der Testbedingung wird getestet, ob die Zählervariable die Bedingung erfüllt. Die Update-Anweisung aktualisiert die Zählervariable bei jeder Iteration. Innerhalb des for-Schleifenblocks führt das Programm alle Anweisungen nacheinander aus. Hier ist ein Beispiel:

for (var i = 0; i < 5; i++) {
  console.log(i);
}
Nach dem Login kopieren

Die Ausgabe lautet:

0
1
2
3
4
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

while-Schleife

Eine while-Schleife ist eine Schleife, die wiederholt einen Codeblock ausführt, während eine Bedingung wahr ist. Die grundlegende Syntax lautet wie folgt:

while (condition) {
  // code block to be executed
}
Nach dem Login kopieren

Innerhalb der while-Schleife führt das Programm den Codeblock nur dann wiederholt aus, wenn die Bedingung (Bedingung) wahr ist. Das Programm verlässt die while-Schleife, wenn die Bedingung nicht mehr erfüllt ist. Hier ist ein Beispiel:

var i = 0;

while (i < 5) {
  console.log(i);
  i++;
}
Nach dem Login kopieren

Die Ausgabe ist die gleiche wie im Beispiel mit einer for-Schleife:

0
1
2
3
4
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

do-while-Schleife

Die do-while-Schleife ist eine Schleife, die wiederholt einen Codeblock ausführt, während eine Bedingung wahr ist Im Gegensatz zu einer While-Schleife führt sie den Codeblock immer einmal aus und überprüft dann die Bedingung, nachdem der Codeblock ausgeführt wurde. Die grundlegende Syntax lautet wie folgt:

do {
  // code block to be executed
} while (condition)
Nach dem Login kopieren

Das Folgende ist ein Beispiel:

var i = 0;

do {
  console.log(i);
  i++;
} while (i < 5);
Nach dem Login kopieren

Das Ausgabeergebnis dieses Beispiels ist auch das gleiche wie das Beispiel mit for-Schleife und while-Schleife:

0
1
2
3
4
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Zusammenfassend ist die Flusskontrolle in JavaScript Der Schlüssel zum Schreiben effizienter Programme Der Schlüssel. Ende

Das obige ist der detaillierte Inhalt vonEin Artikel, der die Prozesssteuerung in JavaScript analysiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage