Quelle est l'instruction de boucle en javascript

L'instruction de boucle JavaScript est une instruction composée de deux parties : un corps de boucle et une condition de fin. Le corps de la boucle est une instruction qui est exécutée à plusieurs reprises et la condition de fin est une condition qui détermine si elle peut continuer à être répétée. Instructions de boucle JavaScript : 1. instruction for ; 2. instruction for in ; 3. instruction while 4. instruction do while ;

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

Qu'est-ce que l'instruction de boucle en JavaScript

Dans de nombreux problèmes pratiques, il existe de nombreuses opérations répétitives régulières, donc certaines instructions doivent être exécutées à plusieurs reprises dans le programme.

Un groupe d'instructions exécutées à plusieurs reprises est appelé corps de boucle. Le fait qu'il puisse continuer à être répété détermine la condition de fin de la boucle. Une structure de boucle est une structure de processus qui exécute de manière répétée un certain programme dans certaines conditions. Le programme exécuté de manière répétée est appelé corps de boucle. Une instruction de boucle est composée de deux parties : le corps de la boucle et la condition de fin de la boucle. Présentons donc ci-dessous nos instructions de boucle couramment utilisées.

JavaScript prend en charge quatre types de boucles différents :

• for : parcourir un bloc de code plusieurs fois

• for/in : parcourir les propriétés de l'objet

• while : boucler un bloc de code lorsque la condition spécifiée est vraie

• do/while : boucle un bloc de code lorsque la condition spécifiée est vraie

instruction for

Le format de syntaxe de l'instruction for est le suivant :

for (语句1; 语句2; 语句3) {
要执行的代码块
}

L'instruction 1 est exécutée avant la boucle ( bloc de code) démarre. L'instruction 1 est facultative. S'il n'y a pas d'instruction, écrivez simplement un point-virgule. Nous initialisons généralement certaines variables dans l'instruction 1. La variable peut être une ou plusieurs variables. Plusieurs variables sont séparées par des virgules.

L'instruction 2 définit la condition d'exécution de la boucle (bloc de code). Si la condition est vraie, entrez dans la boucle et exécutez le bloc de code dans la boucle, sinon terminez la boucle. L'instruction 2 est également facultative. S'il n'y a pas d'instruction, écrivez simplement un point-virgule. Cependant, il convient de noter que s'il n'y a pas d'instruction, vous devez écrire un saut dans le corps de la boucle. devenir une boucle infinie.

L'instruction 3 sera exécutée à chaque fois que la boucle (bloc de code) est exécutée. L'instruction 3 est également facultative et le contenu de l'instruction 3 peut être écrit dans le corps de la boucle.

Faites attention à un petit détail, il n'y a pas de point-virgule à la fin de l'énoncé 3.

Écrivez un petit exemple :

<p id="demo"></p>
<script>
        var text = "",i;
    
        for (i = 0; i < 5; i++) {
              text += "The number is " + i + "<br>";
        }
document.getElementById("demo").innerHTML = text;
</script>

Statement 1 définit une variable (var i = 0) avant le début de la boucle.

La déclaration 2 définit la condition pour exécuter la boucle (je dois être inférieur à 5).

L'instruction 3 incrémentera la valeur (i++) après chaque exécution du bloc de code.

instruction for/in

l'instruction for/in est généralement utilisée pour parcourir les propriétés d'un objet. Le format de syntaxe est le suivant :

for (属性名 in 对象) {
要执行的代码块
}

Écrivez un petit exemple :

<p id="demo"></p>
<script>
        var person = {name:"刘小妞", sex:"女", work:"自媒体"}; 
        var x,txt = "";
        for (x in person) {
          txt += person[x] + " ";
        }
document.getElementById("demo").innerHTML = txt;
</script>

x représente le nom de l'attribut. le nom de l'attribut peut être défini de manière informelle, semblable à la forme ginseng. La valeur de l'attribut est accessible sous la forme d'un objet [nom de l'attribut] et le formulaire objet.nom de l'attribut ne peut pas être utilisé. Le format syntaxique de l'instruction

while

while est le suivant :

while (条件) {
要执行的代码块
}

Si la condition est vraie, le bloc de code sera exécuté en boucle.

Écrivez un petit exemple :

<p id="demo"></p>
<script>
    var text = "";
    var i = 0;
    while (i < 10) {
      text += "<br>数字是 " + i;
      i++;
    }
document.getElementById("demo").innerHTML = text;
</script>

Notez que si vous n'écrivez pas une boucle infinie, vous devez avoir des instructions dans le corps de la boucle qui peuvent rendre la condition fausse.

Par exemple, dans l'exemple ci-dessus, il y a i++ dans le corps de la boucle. Lorsque i incrémente jusqu'à 10, la boucle se termine.

instruction do/while

Le format de syntaxe de do/while est le suivant :

do {
要执行的代码块
}
while (条件);

la boucle do/while est une variante de la boucle while.

Ce type de boucle exécute le bloc de code une fois avant de vérifier si la condition est vraie, puis répète la boucle tant que la condition est vraie.

Écrivez un petit exemple :

<p id="demo"></p>
<script>
    var text = ""
    var i = 0;
    
    do {
          text += "<br>数字是 " + i;
          i++;
    }
    while (i < 10);  
    
document.getElementById("demo").innerHTML = text;
</script>

Recommandations associées : Tutoriel d'apprentissage javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!