Maison > interface Web > js tutoriel > Explication détaillée de l'instruction de contrôle de flux javascript while loop et do... while exemples de syntaxe de boucle

Explication détaillée de l'instruction de contrôle de flux javascript while loop et do... while exemples de syntaxe de boucle

伊谢尔伦
Libérer: 2017-07-24 09:44:51
original
2325 Les gens l'ont consulté

boucle while

La boucle while a la même fonction que la boucle for La boucle while exécute à plusieurs reprises un morceau de code jusqu'à ce qu'une certaine condition ne soit plus remplie.
structure de l'instruction while :


 while(判断条件)
 {
   循环语句
 }
Copier après la connexion

Utilisez la boucle while pour terminer l'action consistant à sortir le ballon de la boîte, un à la fois, un total de 6 balles.


<script type="text/javascript">
   var num=0; //初始化值
   while (num<=6){ //条件判断
     document.write("取出第"+num+"个球<br />");
     num=num+1; //条件值更新
   }
 </script>
Copier après la connexion

Do... while boucle
Principes de base de la structure do while et while La structure est fondamentalement la même, mais elle garantit que le corps de la boucle est exécuté au moins une fois. Parce qu'il exécute d'abord le code, puis juge la condition si la condition est vraie, la boucle continue.
do... while structure de l'instruction :


 do
 {
   循环语句
 }
 while(判断条件)
Copier après la connexion

Essayez d'afficher 5 nombres.


<script type="text/javascript">
   num= 1;
   do{
     document.write("数值为:" + num+"<br />");
    num++; //更新条件
   }
   while (num<=5)
 </script>
Copier après la connexion

Utilisez l'instruction do...while pour afficher 6 nombres.


<script type="text/javascript">
   var mynum =6;//mynum初值化数值为6
   do{
     document.write("数字:"+mynum+"<br/>");
     mynum=mynum-1;
   }
  while(mynum>=1);
 </script>
Copier après la connexion

Sortir du saut de boucle
En attendant, pour, faire...pendant , Utilisez l'instruction break dans la boucle while pour quitter la boucle actuelle et exécuter directement le code suivant.
Le format est le suivant :


 for(初始条件;判断条件;循环后条件值更新){
   if(特殊情况)
   {break;}
   循环代码
 }
Copier après la connexion

Sortez les résultats du test si le score est réussi, continuez à afficher le score suivant. le score est échoué, quittez et les scores suivants ne seront pas sortis.


 <script type="text/JavaScript">
   var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
   var i=0;
   while(i<mynum.length){
     if(mynum[i]<60){
     document.write("成绩"+mynum[i]+"不及格,不用循环了"+"<br>");
     break;
     }
     document.write("成绩:"+mynum[i]+"及格,继续循环"+"<br>");
     i=i+1;
   }
 </script>
Copier après la connexion

Continuer la boucle continuer
Structure de l'instruction :


 for(初始条件;判断条件;循环后条件值更新){
   if(特殊情况){
     continue;
   }
   循环代码
 }
Copier après la connexion

Dans la boucle ci-dessus, lorsqu'une situation particulière se produit, cette boucle sera ignorée et les boucles suivantes ne seront pas affecté.
Exemple : sortie du score de l'examen. Si le score est réussi, le score suivant sera affiché. Si le score est échoué, le score ne sera pas affiché.


<script type="text/JavaScript">
   var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
   var i;
   for(i=0;i<mynum.length;i++){
     if(mynum[i]<60){
       document.write("成绩不及格,不输出!"+"<br>");
       continue;
     }
     document.write("成绩:"+mynum[i]+"及格,输出!"+"<br>");
   }
 </script>
Copier après la connexion

Dans un cours au choix de programmation universitaire, nous avons obtenu un ensemble de données sur les étudiants participant au cours, notamment leur nom, leur sexe, leur âge et leur note. , nous devons utiliser les connaissances JavaScript pour sélectionner les noms de toutes les filles qui sont en première année.

Les informations sur les étudiants sont les suivantes :

('Petit A', 'Femme', 21 ans, 'Freshman'), ('Petit B', 'Homme', 23 ans, 'Junior' ),

('petit C','masculin',24,'année de terminale'), ('petit D','femelle',21,'étudiant de première année'),

( 'petit E', 'femme',22,'année de terminale'), ('petit F','homme',21,'étudiant de première année'),

('petit G','femme', 22,'étudiant de deuxième année'), ('petit H','femelle',20,'année de dernière'),

('petit moi','femelle',20,'étudiant de première année' ), ('小J','mâle',20,'junior')


<script type="text/javascript">
  //第一步把之前的数据写成一个数组的形式,定义变量为 infos
  var infos = [
    [&#39;小A&#39;,&#39;女&#39;,21,&#39;大一&#39;],
    [&#39;小B&#39;,&#39;男&#39;,23,&#39;大三&#39;],
    [&#39;小C&#39;,&#39;男&#39;,24,&#39;大四&#39;],
    [&#39;小D&#39;,&#39;女&#39;,21,&#39;大一&#39;],
    [&#39;小E&#39;,&#39;女&#39;,22,&#39;大四&#39;],
    [&#39;小F&#39;,&#39;男&#39;,21,&#39;大一&#39;],
    [&#39;小G&#39;,&#39;女&#39;,22,&#39;大二&#39;],
    [&#39;小H&#39;,&#39;女&#39;,20,&#39;大三&#39;],
    [&#39;小I&#39;,&#39;女&#39;,20,&#39;大一&#39;],
    [&#39;小J&#39;,&#39;男&#39;,20,&#39;大三&#39;]
  ];
  //第一次筛选,找出都是大一的信息
  var arr1 = [];
  var n = 0;
  for(var i=0;i<infos.length;i++){ 
    if( infos[i][3] == "大一" ){ 
       arr1[n] = infos[i];
       document.write(arr1[n]+"<br/>");
       n=n+1;
    } 
  }
  document.write("大一人数: "+arr1.length+"<br/>"); 
  //第二次筛选,找出都是女生的信息
  for(var i=0;i<arr1.length;i++){ 
  //这里可以用switch 
    if(arr1[i][1]==&#39;女&#39;){
      document.write(arr1[i][0]+"<br/>");
    }
  }
</script>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal