communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

JavaScript pour la boucle

JavaScript for loop est utilisé pour exécuter à plusieurs reprises un morceau de code. Sa syntaxe est la suivante :

for (expr1; expr2; expr3){
instruction.
}

Habituellement, une boucle for est utilisée lorsque le nombre d'exécutions a été déterminé. L'exemple suivant génère 1 à 10 : 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
        var i=1
        for (i = 1; i <= 10; i++) {
        document.write(i + "<br />")
        }
    </script>
</head>
<body>
</body>
</html>

Résultat d'exécution :

1
2
3
4
5
6
7
8
9
10

Interprétation de la syntaxe de la boucle for

La première expression (expr1) est évaluée sans condition une fois avant le début de la boucle

expr2 est évaluée avant chaque début de boucle, si la la valeur est VRAI, la boucle continue, exécutez l'instruction de boucle imbriquée ; si la valeur est FAUX, terminez la boucle.

expr3 est évalué (exécuté) après chaque boucle

Chaque expression peut être nulle. Si expr2 est vide, la boucle continuera indéfiniment, mais la boucle peut se terminer par une pause, comme dans l'exemple suivant : 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
        var i=1
        for (i = 1; ; i++) {
        if (i > 10) {
        break;
        }
        document.write(i + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

Cet exemple génère toujours 1 à 10, mais utilise un jugement conditionnel if Lorsque i> 10, Terminez le cycle.

Conseils

Lors de l'utilisation d'instructions de boucle, nous devons généralement faire attention à ne pas boucler à l'infini et faire en sorte que le programme devienne un "zombie". faites attention aux conditions de boucle (formule d'expressions de jugement de boucle) pour vous assurer que les résultats de la boucle sont corrects.


Boucle For/In

L'instruction JavaScript for/in parcourt les propriétés de l'objet : 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56}; 
for (x in person){
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var i=1 for (i = 1; ; i++) { if (i > 10) { break; } document.write(i + "<br />"); } </script> </head> <body> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492414 joue