Apprentissage en boucle JS : utilisation des instructions de boucle while (exemples détaillés)

Une boucle consiste à faire une chose à plusieurs reprises. Dans le processus d'écriture de code, nous rencontrons souvent certaines opérations qui doivent être effectuées de manière répétée, comme parcourir certaines données, afficher à plusieurs reprises une certaine chaîne, etc. ligne par ligne, alors c'est trop gênant. Pour ce genre d'opération répétée, il faut choisir d'utiliser une boucle pour la compléter.

Le but d'une boucle est d'exécuter à plusieurs reprises un certain morceau de code. L'utilisation de boucles peut réduire la pression de programmation, éviter la redondance du code, améliorer l'efficacité du développement et faciliter la maintenance ultérieure. La boucle while est l'instruction de boucle la plus simple fournie en JavaScript. Découvrons l'utilisation des boucles while et des boucles do-while.

1 : boucle while

L'instruction de boucle while est une instruction de bouclewhen typeLa condition de boucle est d'abord jugée lorsque la condition est satisfaite, le corps de la boucle est exécuté si c'est le cas. pas satisfait, ça s'arrête.当型循环语句，先对循环条件进行判断，当条件满足，则执行循环体，不满足时则停止。

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

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

1、JS while 循环语法

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

语句解析：

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

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

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

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

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

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

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

示例代码如下：

注意事项

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

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

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

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

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

Fonction :Effectuez à plusieurs reprises une opération jusqu'à ce que la condition spécifiée ne soit pas remplie.

Caractéristiques :

1. Syntaxe de la boucle while JS

• Calculez d'abord la valeur de "expression", lorsque la valeur est Lorsque c'est vrai, exécutez le "bloc d'instruction PHP" dans le corps de la boucle ;

  Remarque : le résultat du calcul de "expression" est de type booléen (VRAI ou FAUX). automatiquement converti en valeur de type booléen (étant donné que PHP est un type de langage faible, il convertira automatiquement les variables en type de données correct en fonction de la valeur de la variable).Un "bloc d'instructions" est une collection d'une ou plusieurs instructions entourées de{ }; s'il n'y a qu'une seule instruction dans le bloc d'instructions,{ }peut également être omis.

• Une fois l'exécution terminée, revenez à l'expression et calculez à nouveau la valeur de l'expression pour jugement. Lorsque la valeur de l'expression est vraie, continuez à exécuter le "bloc d'instructions"... Ce processus sera répété.

• Ne sortez pas de la boucle tant que la valeur de l'expression n'est pas fausse et exécutez l'instruction ci-dessous while.

L'organigramme de l'instruction while est le suivant :

Habituellement, "expression" est une valeur calculée à l'aide d'opérateurs de comparaison ou d'opérateurs logiques

L'exemple de code est le suivant :

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>

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

<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(表达式);//表达式为循环条件

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