recherche

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)

青灯夜游
青灯夜游avant
2018-10-20 16:34:402357parcourir

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;
}

(2) instruction if-else if-else

Syntaxe : 

if（condition）{
　　statementS;
}else if{
　　statements;
}
……
else{
　　statements;
}

Par exemple : 

200ba6c2aed0a55a2e6eb1f53ccfa057100db36a723c770d327fc0aef2ce13b193f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7选择结构6e916e0f7d1e588d4f442bf645aedb2f
    c9b2223153d8e39163b0aa064e06fe9e
        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);
            }

        }    
    2cacc6d41bbb37262a98f745aa00fbf0
 9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
 e8123d645f3ed9aaa22bb5c917b2ac04
    请输入第一个数（数值型）:    8d769f98bd6c240628a9ad623ab1ef9a
    0c6dc11e160d3b678d68754cc175188a
    请输入第二个数（数值型）：    aeb337a347f95a6cac33731d207fded9
    0c6dc11e160d3b678d68754cc175188a
    07e92316e492652a6160af3bc9f0417a  
    946ddf758becc4ea3151ff3dec6d001e
 f5a47148e367a6035fd7a2faa965022e
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

(3) instruction switch ([ ] est facultatif)

Syntaxe : 

switch（expression）{
　　case value1：
　　　　statement；
　　　　break；
　　case value2：
　　　　statement2；
　　　　break；
　　……
　　case valueN;
　　　　statementN；
　　　　break；
　　[defalut:
　　　　defalutStatements;]
}

Par exemple : 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"" 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
  5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7switch语句6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  c9b2223153d8e39163b0aa064e06fe9e
    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);
  2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

2. Instruction de boucle

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

Syntaxe : 

for（inintal-condition;conditin;increment）{
　　statements;
}

Exemple :

Sortir la table de multiplication

671f1587257673e3ab28a461c7daaf2f
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    b2386ffb911b14667cb8f0f91ea547a7循环结构6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  b525c03511ddfa0129a1894a0aafa571
    c9b2223153d8e39163b0aa064e06fe9e
        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("0c6dc11e160d3b678d68754cc175188a");
        }    
    2cacc6d41bbb37262a98f745aa00fbf0
  e6e38b3c62e8df885fe2e3986461aa63
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

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

Syntaxe : 

for（elements in object）{
　　statement；
}

Par exemple : 

671f1587257673e3ab28a461c7daaf2f 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7for-in6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
 c9b2223153d8e39163b0aa064e06fe9e
    var student=new Object();
    student.name="王明明";
    student.no="20120156";
    student.addreess="山东济南";    
    for(e in student){
        document.write(e+":"+student[e]+"0c6dc11e160d3b678d68754cc175188a");
    }
 2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

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

Syntaxe : 

while（condition）{
　　statement；
}

Par exemple :

Multiples de sortie de 3 en 1-100 

671f1587257673e3ab28a461c7daaf2f
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7while循环6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
     c9b2223153d8e39163b0aa064e06fe9e
      var i=1;    
      while(i<100){        
           if(i%3==0){
            document.write(i+"&nbsp");
        }
        i++;
      }
   2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

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

Syntaxe : 

do{
　　statement；
}
while(conditions);

Par exemple :

Calculer la somme de 1-100

671f1587257673e3ab28a461c7daaf2f 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7do-while语句6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  c9b2223153d8e39163b0aa064e06fe9e
    var i = 1;    
    var num = 0;    
    do {
        sum+=i;
        i++
    }while(i<=100);
    document.write("1-100的和是："+sum);
  2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

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!

Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Analyser le mécanisme de boucle d'événements de Node.jsArticle suivant：Analyser le mécanisme de boucle d'événements de Node.js

Articles Liés

Voir plus