Was sind die Anweisungen zur Javascript-Flusskontrolle?

Die Flusskontrollanweisungen umfassen: 1. if-Anweisung; 3. „if..else if.“-Anweisung; 5. „Switch..case“-Anweisung; for-Anweisung; 6. while-Anweisung; 7. „do...while“-Anweisung; 8. „for..in“-Anweisung;

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

1. Treffen Sie ein Urteil (if-Anweisung)

Die if-Anweisung ist eine Anweisung, die verwendet wird, um den entsprechenden Code basierend auf der erfüllten Bedingung auszuführen.

Grammatik:

if(条件)
{
 条件成立时执行代码
}

Hinweis: Bei Kleinschreibung werden Großbuchstaben (IF) falsch geschrieben!

Angenommen, Sie bewerben sich für eine Stelle als Web-Frontend-Technologieentwickler. Wenn Sie sich mit der HTML-Technologie auskennen und im Vorstellungsgespräch erfolgreich sind, sind Sie herzlich willkommen, dem Unternehmen beizutreten. Der Code wird wie folgt ausgedrückt:

<script type="text/javascript">
  var mycarrer = "HTML";
  if (mycarrer == "HTML")
  {
    document.write("你面试成功，欢迎加入公司。");
  }
</script>

2. Wählen Sie eine der beiden (if...else-Anweisung)

if...else-Anweisung ist der Code, der ausgeführt wird, wenn die angegebene Bedingung wahr ist, und führt den Code danach aus andernfalls, wenn die Bedingung nicht wahr ist.

Grammatik:

if(条件)
{ 条件成立时执行的代码}
else
{条件不成立时执行的代码}

Angenommen, Sie bewerben sich für eine Stelle in der Web-Front-End-Technologieentwicklung und haben im Vorstellungsgespräch Erfolg. Andernfalls werden Sie scheitern Vorstellungsgespräch und kann dem Unternehmen nicht beitreten.

Der Code wird wie folgt ausgedrückt:

<script type="text/javascript">
  var mycarrer = "HTML"; //mycarrer变量存储技能
  if (mycarrer == "HTML")
    { document.write("你面试成功，欢迎加入公司。");  }
  else  //否则，技能不是HTML
    { document.write("你面试不成功，不能加入公司。");}
</script>

3. Mehrere Urteile (if..else if..verschachtelte Anweisungen)

Um eine Gruppe mehrerer Gruppen von Anweisungen zur Ausführung auszuwählen, verwenden Sie if..else if. Verschachtelte Anweisungen.

Grammatik:

if(条件1)
{ 条件1成立时执行的代码}
else  if(条件2)
{ 条件2成立时执行的代码}
...
else  if(条件n)
{ 条件n成立时执行的代码}
else
{ 条件1、2至n不成立时执行的代码}

4. Mehrfachauswahl (Switch..case-Anweisung)

Wenn es viele Optionen gibt, ist Switch bequemer zu verwenden als sonst.

Syntax:

switch(表达式){case值1:
  执行代码块 1  break;case值2:
  执行代码块 2  break;...case值n:
  执行代码块 n  break;default:
  与 case值1 、 case值2...case值n 不同时执行的代码
}

Syntaxbeschreibung:

Switch muss ein Anfangswert zugewiesen werden, und der Wert entspricht jedem Fallwert.
Erfüllen Sie alle Anweisungen nach der Ausführung dieses Falls und verwenden Sie die break-Anweisung, um zu verhindern, dass der nächste Fall ausgeführt wird.
Wenn nicht alle Fallwerte übereinstimmen, führen Sie die Anweisung nach der Standardeinstellung aus.

Unter der Annahme, dass die Testergebnisse der Schüler auf einer 10-Punkte-Skala bewertet werden, bewerten wir die Ergebnisse entsprechend jeder Note und nehmen basierend auf der Note der Ergebnisse unterschiedliche Bewertungen vor.

Hinweis: Denken Sie daran, nach der vom Fall ausgeführten Anweisung eine break-Anweisung hinzuzufügen. Andernfalls führen Sie die Anweisung im folgenden Fall einfach weiter aus und sehen Sie sich den folgenden Code an:

5. Wiederholen (for-Schleife)

Viele Dinge werden nicht nur einmal, sondern wiederholt ausgeführt. Drucken Sie beispielsweise nacheinander 10 Kopien des Testpapiers aus und wiederholen Sie diesen Vorgang, bis der Druckvorgang abgeschlossen ist. Wir verwenden Schleifenanweisungen, um diese Dinge zu erreichen. Eine Schleifenanweisung dient dazu, einen Codeabschnitt wiederholt auszuführen.

fürSatzaufbau:

for(初始化变量;循环条件;循环迭代)
{     
    循环语句 
 }

Wenn 6 Bälle in einer Box sind, nehmen wir einen nach dem anderen und nehmen die Bälle immer wieder aus der Box, bis alle Bälle genommen sind.

<script type="text/javascript">
var num=1;
for (num=1;num<=6;num++)  //初始化值；循环条件；循环后条件值更新
{   document.write("取出第"+num+"个球<br />");
}
</script>

6. Wiederholt (while-Schleife)

Die while-Schleife hat die gleiche Funktion wie die for-Schleife. Die while-Schleife führt einen Codeabschnitt wiederholt aus, bis eine bestimmte Bedingung nicht mehr erfüllt ist.

whileAnweisungsstruktur:

while(判断条件){
    循环语句
 }

Verwenden Sie eine While-Schleife, um die Aktion des Herausnehmens von Bällen aus der Box nacheinander abzuschließen, also insgesamt 6 Bälle.

<script type="text/javascript">
var num=0;  //初始化值
while (num<=6)   //条件判断
{
  document.write("取出第"+num+"个球<br />");
  num=num+1;  //条件值更新
}
</script>

7. Hin und her (Do...while-Schleife)

Das Grundprinzip der do while-Struktur ist im Grunde das gleiche wie die while-Struktur, stellt jedoch sicher, dass der Schleifenkörper mindestens einmal ausgeführt wird. Da zuerst der Code ausgeführt und dann die Bedingung überprüft wird, wird die Schleife fortgesetzt.

do...whileAnweisungsstruktur:

do{
    循环语句
 }while(判断条件)

Wir versuchen, 5 Zahlen auszugeben.

<script type="text/javascript">
   num= 1;
   do
   {
     document.write("数值为:" +  num+"<br />");
     num++; //更新条件
   }
   while (num<=5)
</script>

8. for...in-Anweisung: Schleife durch die Eigenschaften des Objekts

Die for-in-Schleife ist eine spezielle Art von Schleife und eine Variante der gewöhnlichen for-Schleife. Sie wird hauptsächlich zum Durchlaufen des Objekts verwendet Es dient dazu, das Objekt nacheinander in eine Schleife einzufügen, und das Syntaxformat ist wie folgt:

for (variable in object) {
    // 要执行的代码
}

wobei Variable eine Variable ist, wird bei jeder Schleife ein anderer Wert zugewiesen kann diese Variable in { } verwenden, um eine Reihe von Operationen auszuführen. object Für das zu durchlaufende Objekt wird der Variablen in jeder Schleife der Schlüssel eines Attributs im Objekt zugewiesen, bis alle Attribute im Objekt durchlaufen sind.

JS for in 循环示例代码：

// 定义一个对象
var person = {"name": "Clark", "surname": "Kent", "age": "36"};
// 遍历对象中的所有属性
for(var prop in person) {
    document.write("<p>" + prop + " = " + person[prop] + "</p>");
}

运行结果：

name = Clark
surname = Kent
age = 36

9.for...of语句： 循环遍历对象的属性

for of 循环是 ECMAScript6 中新添加的一个循环方式，与 for in 循环类似，也是普通 for 循环的一种变体。使用 for of 循环可以轻松的遍历数组或者其它可遍历的对象，例如字符串、对象等。

JS for of 循环的语法格式如下：

for (variable of iterable) {
    // 要执行的代码
}

其中，variable 为一个变量，每次循环时这个变量都会被赋予不同的值，我们可以在后面的{ }中使用这个变量来进行一系列操作；iterable 为要遍历的内容，在每次循环中，会将 iterable 中的一个值赋值给变量 variable，直到 iterable 中的所有值都遍历完。

示例代码如下：

// 定义一个数组
var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
// 使用 for of 循环遍历数组中的每个元素
for (var value of arr) {
    document.write(value + ", ");
}
document.write("<br>");
// 定义一个字符串
var str = "Hello World!";
// 使用 for of 循环遍历字符串中的每个字符
for (var value of str) {
    document.write(value + ", ");
}
document.write("<br>");
// 定义一个对象
var obj = {"name": "Clark", "surname": "Kent", "age": "36"};
// 使用 for of 循环遍历对象中的所有属性
for(var value in obj) {
    document.write(value + ", ");
}

运行结果：

a, b, c, d, e, f,
H, e, l, l, o, , W, o, r, l, d, !,
name, surname, age,

10.退出循环break

在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。

格式如下：

for(初始条件;判断条件;循环后条件值更新)
{  if(特殊情况)
  {break;}
  循环代码
}

当遇到特殊情况的时候，循环就会立即结束。看看下面的例子，输出10个数，如果数值为5，就停止输出。

11.跳过本次循环continue

continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

语句结构：

for(初始条件;判断条件;循环后条件值更新)
{
  if(特殊情况)
  { continue; }
 循环代码
}

上面的循环中，当特殊情况发生的时候，本次循环将被跳过，而后续的循环则不会受到影响。

【推荐学习：javascript高级教程】

Das obige ist der detaillierte Inhalt vonWas sind die Anweisungen zur Javascript-Flusskontrolle?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!