Maison > interface Web > js tutoriel > Qu'est-ce que le contrôle de flux en Javascript (exemple de code)

Qu'est-ce que le contrôle de flux en Javascript (exemple de code)

青灯夜游
Libérer: 2018-10-20 16:34:40
avant
2355 Les gens l'ont consulté

Le contenu de cet article est de présenter ce qu'est le contrôle de processus en Javascript (exemples de code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Contrôle de processus

JavaScript exécute le flux du programme via des instructions de processus, et le flux du programme se compose de plusieurs instructions. Dans des circonstances normales, les instructions du programme sont exécutées dans l'ordre dans lequel elles sont écrites. Cette structure est appelée structure séquentielle. En plus des structures séquentielles, il existe des structures de sélection et des structures de boucle.

1. Structure de sélection

(1) instruction if-else

Syntaxe :

if(condition){
  statementS;
}else{
  statements;
}
Copier après la connexion

(2) instruction if-else if-else

Syntaxe :

if(condition){
  statementS;
}else if{
  statements;
}
……
else{
  statements;
}
Copier après la connexion

Par exemple :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd"><html><head>
    <meta charset="GB2312">
    <title>选择结构</title>
    <script language="JavaScript">
        function  max() {            
               var fist=parseInt(form1.fist.value);            
               var secod=parseInt(form1.secod.value);            
               if(isNaN(fist)){
                alert("第一个数不是数值类型");
                form1.fist.value="";

            }            else if (isNaN(secod)) {
                alert("第二个数不是数值类型");
                form1.secod.value="";
            }else{                
                    var max=(fist>=secod?fist:secod);
                document.write("两个数之间较大的数为:"+max);
            }

        }    
    </script>
 </head>
<body>
 <form name="form1">
    请输入第一个数(数值型):    <input type="text" name="fist" />
    <br>
    请输入第二个数(数值型):    <input type="text" name="secod" />
    <br>
    <input type="button" ONCLICK="max()" value="选择较大值" />  
    <input type="reset" value="重填" />
 </form>
</body>
</html>
Copier après la connexion

(3) instruction switch ([ ] est facultatif)

Syntaxe :

switch(expression){
  case value1:
    statement;
    break;
  case value2:
    statement2;
    break;
  ……
  case valueN;
    statementN;
    break;
  [defalut:
    defalutStatements;]
}
Copier après la connexion

Par exemple :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"" 
<html>
<head>
  <meta charset="GB2312">
    <title>switch语句</title>
</head>
<body>
  <script language="JavaScript">
    var day= new Date().getDay();    
      switch (day){        
            case 0:   title="今天是星期日"; break;        
        case 1:   title="今天是星期一";  break;        
        case 2:   title="今天是星期二";  break;        
        case 3:   title="今天是星期三"; break;        
        case 4:   title="今天是星期四"; break;        
        case 5:   title="今天是星期五"; break;        
        case 6:   title="今天是星期六"; break;
    }
    document.write(title);
  </script>
</body>
</html>
Copier après la connexion

2. Instruction de boucle

(1) for loop (boucle avec un nombre connu de boucles)

Syntaxe :

for(inintal-condition;conditin;increment){
  statements;
}
Copier après la connexion

Exemple :

Sortir la table de multiplication

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>循环结构</title>
</head>
<body>
  <font size="-1" color="blue">
    <script language="JavaScript">
        var i,j;        
        for(i=1;i<=10;i++){            
                for(j=1;j<=i;j++){
                document.write(j+"*"+i+"="+i*j);
                document.write("  ");
            }
        document.write("<br>");
        }    
    </script>
  </font>
</body>
</html>
Copier après la connexion

(2) instruction for-in (généralement utilisée pour parcourir des tableaux)

Syntaxe :

for(elements in object){
  statement;
}
Copier après la connexion

Par exemple :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
    <meta charset="GB2312">
    <title>for-in</title>
</head>
<body>
 <script language="JavaScript">
    var student=new Object();
    student.name="王明明";
    student.no="20120156";
    student.addreess="山东济南";    
    for(e in student){
        document.write(e+":"+student[e]+"<br>");
    }
 </script>
</body>
</html>
Copier après la connexion

(3) instruction while (Boucle avec des heures inconnues)

Syntaxe :

while(condition){
  statement;
}
Copier après la connexion

Par exemple :

Multiples de sortie de 3 en 1-100

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="GB2312">
    <title>while循环</title>
</head>
<body>
     <script language="JavaScript">
      var i=1;    
      while(i<100){        
           if(i%3==0){
            document.write(i+"&nbsp");
        }
        i++;
      }
   </script>
</body>
</html>
Copier après la connexion

( 4 ) instruction do-while (cette instruction est exécutée au moins une fois)

Syntaxe :

do{
  statement;
}
while(conditions);
Copier après la connexion

Par exemple :

Calculer la somme de 1-100

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
    <meta charset="GB2312">
    <title>do-while语句</title>
</head>
<body>
  <script language="JavaScript">
    var i = 1;    
    var num = 0;    
    do {
        sum+=i;
        i++
    }while(i<=100);
    document.write("1-100的和是:"+sum);
  </script>
</body>
</html>
Copier après la connexion

Relevé de transfert

(1) instruction break

L'instruction break est utilisée dans les instructions de boucle telles que les instructions switch et for. Utilisé pour terminer l'instruction switch et exécuter l'instruction après l'instruction switch.

(2) instruction continue

L'instruction continue est utilisée dans les instructions for, while, do-while et for-in pour terminer cette boucle et exécuter la boucle suivante. Elle est généralement utilisée. avec si les instructions sont utilisées ensemble.

(3) instruction return

L'instruction return est généralement utilisée dans les fonctions. Vous pouvez utiliser le format d'expression de l'instruction return pour renvoyer n'importe quel type de valeur de fonction. La valeur de fonction renvoyée peut être acceptée par. une variable.

Résumé : Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo JavaScript, le Tutoriel vidéo jQuery, le Tutoriel bootstrap !

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:cnblogs.com
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