boucle while en JavaScript

boucle while : tant que la condition est vraie, le code du corps de la boucle est exécuté à plusieurs reprises

while (jugement conditionnel)

{

Si la condition est vraie, le code du corps de la boucle est exécuté

}

Description de la structure de la boucle :

Avant la boucle démarre, il faut Initialiser la variable (déclarer la variable et lui donner une valeur initiale).
Si la condition de while est vraie, le code ({ }) dans le corps de la boucle sera exécuté à plusieurs reprises. Si la condition est fausse, quittez la boucle.
Dans le corps de la boucle, il doit y avoir une instruction "variable update". Autrement dit : les valeurs des variables dans les deux boucles ne peuvent pas être les mêmes. Si elles sont identiques, cela provoquera une « boucle infinie ».

Apprenons à travers des exemples :

Sortez tous les nombres entre 1 et 10

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script> 
        var i = 1;
        while(i<=10){
            document.write(i);
            i++ //变量更新，是为了避免出现“死循环”
        }
        </script>
    </head>
    <body>
    </body>
</html>

Instruction de boucle Il doit être trois éléments dont l'un est indispensable :

Initialisation variable
Jugement conditionnel
Mise à jour des variables

Sortie de tous les nombres impairs entre 1 et 100

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script> 
        //变量初始化
        var i = 1;
        //条件判断
        while(i<=100){
            //如果是奇数，则输出
            if(!(i%2==0)){
                document.write(i+"  ");
            }
            //变量更新
            i++;
        }
        </script>
    </head>
    <body>
    </body>
</html>

Formation continue

nouveau fichier

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> var i = 1; while(i<=10){ document.write(i); i++ //变量更新，是为了避免出现“死循环” } </script> </head> <body> </body> </html>

soumettre Réinitialiser le code

Opération automatique

boucle while en JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]