JS-Schleifenlernen: Verwendung von While-Schleifenanweisungen (detaillierte Beispiele)

Eine Schleife besteht darin, eine Sache wiederholt auszuführen. Beim Schreiben von Code stoßen wir häufig auf einige Vorgänge, die wiederholt ausgeführt werden müssen, z. B. das Durchlaufen einiger Daten, das wiederholte Ausgeben einer bestimmten Zeichenfolge usw. Wenn Sie es schreiben Zeile für Zeile ist dies zu mühsam. Wir sollten uns dafür entscheiden, eine Schleife zu verwenden, um sie abzuschließen.

Der Zweck einer Schleife besteht darin, einen bestimmten Codeabschnitt wiederholt auszuführen. Durch die Verwendung von Schleifen kann der Programmierdruck verringert, Coderedundanz vermieden, die Entwicklungseffizienz verbessert und die spätere Wartung erleichtert werden. Die while-Schleife ist die einfachste Schleifenanweisung in JavaScript. Erfahren Sie mehr über die Verwendung von while-Schleifen und do-while-Schleifen.

1: while-Schleife

Die while-Schleifenanweisung ist eine when-type-Schleifenanweisung. Wenn die Bedingung erfüllt ist, wird sie ausgeführt nicht zufrieden, es hört auf. 当型循环语句，先对循环条件进行判断，当条件满足，则执行循环体，不满足时则停止。

作用：反复执行某一项操作，直到指定的条件不成立。

特点：先判断表达式，当表达式结果为真时执行相应的语句。

1、JS while 循环语法

while(表达式){    //表达式为循环条件
     // 要执行的代码
}

语句解析：

• 先计算“表达式”的值，当值为真时， 执行循环体内的“PHP语句块”；

  说明：“表达式”的计算结果是布尔类型（ TRUE 或 FALSE）的，如果是其他类型的值也会自动转换为布尔类型的值（因为PHP是弱语言类型，会根据变量的值，自动把变量转换为正确的数据类型）。
  

  “语句块”就是由{ }包围的一个或多个语句的集合；如果语句块中只有一个语句，也可以省略{ }。
  

• 执行结束后，返回到表达式，再次计算表达式的值进行判断，当表达式值为真，则继续执行“语句块”……这个过程会一直重复

• 直到表达式的值为假时才跳出循环，执行while 下面的语句。

while语句的流程图如下所示：

通常“表达式”是使用比较运算符或者逻辑运算符计算后的值

示例代码如下：

<script>
var i = 1;
while( i <= 5) {
    document.write(i+", ");
    i++;
}
</script>

注意事项

在编写循环语句时，一定要确保条件表达式的结果能够为假（即布尔值 false），因为只要表达式的结果为 true，循环会一直持续下去，不会自动停止，对于这种无法自动停止的循环，我们通常将其称为“无限循环”或“死循环”。

如果不小心造成无限循环，可能会导致浏览器或者计算机卡死。

如果表达式一直为真，循环条件一直成立，则while 循环会一直执行下去，永不结束，成为“死循环”

var i = 1;
while(i){
    console.log(i);
}

运行程序后，会一直输出变量i

Funktion: Führen Sie wiederholt einen Vorgang aus, bis die angegebene Bedingung nicht mehr erfüllt ist.

Funktionen:

1. JS while-Schleifensyntax

<script>
var i = 1;
var sum=0;
while(i<=100){
	sum+=i;
	i++;
}
console.log("1加到100的值为："+sum);
</script>

• Berechnen Sie zuerst den Wert von „expression“, wenn der Wert ist Wenn wahr, führen Sie den „PHP-Anweisungsblock“ im Schleifenkörper aus.

  Hinweis: Das Berechnungsergebnis von „Ausdruck“ ist vom booleschen Typ (TRUE oder FALSE). automatisch in einen booleschen Wert konvertiert (Da PHP ein schwacher Sprachtyp ist, werden Variablen basierend auf dem Wert der Variablen automatisch in den richtigen Datentyp konvertiert.) Ein „Anweisungsblock“ ist eine Sammlung von einer oder mehreren Anweisungen, die von { umgeben sind; wenn es nur eine Anweisung im Anweisungsblock gibt, kann auch { sein weggelassen werden.

• Kehren Sie nach Abschluss der Ausführung zum Ausdruck zurück und berechnen Sie den Wert des Ausdrucks zur Beurteilung erneut. Wenn der Ausdruckswert wahr ist, fahren Sie mit der Ausführung des „Anweisungsblocks“ fort ... Dieser Vorgang wird wiederholt.

• Verlassen Sie die Schleife erst, wenn der Wert des Ausdrucks falsch ist, und führen Sie die folgende Anweisung aus.

Das Flussdiagramm der while-Anweisung lautet wie folgt:

Normalerweise ist „Ausdruck“ ein Wert, der mithilfe von Vergleichsoperatoren oder logischen Operatoren berechnet wird

Der Beispielcode lautet wie folgt:

<script>
var i = 1900;
var count = 0; //计数闰年的个数
while (i <= 2020) {
    //判断是否是闰年
    if (i % 4 == 0 && i % 100 != 0 || i % 400 == 0) {
        document.write(i + "  ");
        count++;
        if (count % 6 == 0) {
            document.write("<br/>");
        }
    }
    i++;
}
</script>

while(条件1){
     // 条件1成立执行的代码

     while(条件2){
          // 条件2成立执行的代码
           ......
     }
}

<script type="text/javascript">
	var i = 0;
	while(i < 2){
	   console.log("i =", i);
	   var j = 0;
	   while(j < 2){
		console.log("\tj =", j);
		j += 1;
	   }
	   i++;
	}
	console.log("Over");
</script>

<script>
/*
1. 循环打印3次媳妇，我错了
2. 刷碗
3. 上面是一套惩罚，这一套惩罚重复执行3天----一套惩罚要重复执行---放到一个while循环里面
*/
var j = 0
while(j < 3){
    var i = 0
    while(i < 3){
        document.write(&#39;媳妇，我错了<br>&#39;)
        i += 1;
	}
    document.write(&#39;刷碗<br>&#39;)
	document.write(&#39;一套惩罚就结束了!!!!!!!!!!!!<br>&#39;)
    j += 1;
}
</script>

<script>
/*
1. 循环打印3次媳妇，我错了
2. 刷碗
3. 上面是一套惩罚，这一套惩罚重复执行3天----一套惩罚要重复执行---放到一个while循环里面
*/
var j = 0
while(j < 3){
    var i = 0
    while(i < 3){
        document.write(&#39;媳妇，我错了<br>&#39;)
        i += 1;
	}
    document.write(&#39;刷碗<br>&#39;)
	document.write(&#39;一套惩罚就结束了!!!!!!!!!!!!<br>&#39;)
    j += 1;
}
</script>

do{
    语句块;  
}while(表达式);//表达式为循环条件

<script>
var i = 1;
do {
    document.write(i+", ");
    i++;
}while( i <= 5);
</script>

<script>
var i = 1;
var sum=0;
do{
	sum+=i;
	i++;
}while(i<=100);
console.log("1 + 2 + 3 + ... + 98 + 99 + 100 = "+sum);
</script>

<script>
var i = 1900;
var count = 0; //计数闰年的个数
do {
    //判断是否是闰年
    if (i % 4 == 0 && i % 100 != 0 || i % 400 == 0) {
		console.log(i);
    }
    i++;
}while (i <= 2020);
</script>

do{
    // 语句块1;
    do{
    	// 语句块2;
    	do{
    		// 语句块2;
    		......
	}while(条件3);
    }while(条件2);
}while(条件1);

<script type="text/javascript">
	var i = 0;
	do{
		console.log("i =", i);
		var j = 0;
		do{
			console.log("\tj =", j);
			j += 1;
		}while(j < 2);
		i++;
	}while(i < 2);
	console.log("Over");
</script>

Das obige ist der detaillierte Inhalt vonJS-Schleifenlernen: Verwendung von While-Schleifenanweisungen (detaillierte Beispiele). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!