Maison > Article > interface Web > Organiser l'instruction de contrôle de flux Javascript notes d'étude_compétences javascript
1. Faire un jugement (si déclaration)
L'instruction if est une instruction utilisée pour exécuter le code correspondant en fonction de la condition remplie.
Syntaxe :
if(条件){ 条件成立时执行代码 }
Exemple : Supposons que vous postuliez pour un poste de développement de technologies Web front-end. Si vous connaissez la technologie HTML et que vous réussissez l'entretien, vous êtes invités à rejoindre l'entreprise.
<script type="text/javascript"> var mycarrer = "HTML"; if (mycarrer == "HTML"){ document.write("你面试成功,欢迎加入公司。"); } </script>
2. Choisissez l'un des deux (instruction if...else)
L'instruction if...else est le code qui s'exécute lorsque la condition spécifiée est vraie, et le code après else est exécuté lorsque la condition n'est pas vraie.
Grammaire :
if(条件){ 条件成立时执行的代码 }else{ 条件不成立时执行的代码 }
Exemple : Supposons que vous postuliez pour un poste de développement de technologies Web front-end. Si vous connaissez la technologie HTML et que vous réussissez l'entretien, vous êtes invités à rejoindre l'entreprise. Sinon, vous échouez à l'entretien et ne pouvez pas rejoindre l'entreprise. .
<script type="text/javascript"> var mycarrer = "HTML"; //mycarrer变量存储技能 if (mycarrer == "HTML"){ document.write("你面试成功,欢迎加入公司。"); }else{ //否则,技能不是HTML document.write("你面试不成功,不能加入公司。"); } </script>
3. Jugements multiples (if...else déclarations imbriquées)
Pour sélectionner un groupe parmi plusieurs groupes d'instructions à exécuter, utilisez les instructions imbriquées if..else.
Syntaxe :
if(条件1) { 条件1成立时执行的代码} else if(条件2) { 条件2成立时执行的代码} ... else if(条件n) { 条件n成立时执行的代码} else { 条件1、2至n不成立时执行的代码}
Exemple : Selon les normes de classification par âge de l'Organisation mondiale de la santé des Nations Unies, les moins de 44 ans sont des jeunes ; ceux entre 45 et 59 ans sont des personnes d'âge moyen. Les personnes âgées sont celles qui ont entre 60 et 89 ans ; les personnes âgées de longévité sont celles qui ont plus de 90 ans. Zhao Hong a 99 ans cette année. À quelle tranche d'âge appartient-elle ?
<script type="text/JavaScript"> var myage =99;//赵红的年龄为99 if(myage<=44){ document.write("青年"); }else if(myage<=59) { document.write("中年人"); }else if (myage<=89){ document.write("老年人"); }else { document.write("长寿老年人"); } </script>
4. Choix multiples (instruction Switch)
Lorsqu’il existe de nombreuses options, le commutateur est plus pratique à utiliser que autrement.
switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 }
Description de la grammaire :
Switch doit se voir attribuer une valeur initiale et la valeur correspond à chaque valeur de cas. Satisfaites toutes les instructions après l'exécution du cas et utilisez l'instruction break pour empêcher l'exécution du cas suivant. Si toutes les valeurs de cas ne correspondent pas, l'instruction après défaut est exécutée.
Exemple : Élaborons un plan hebdomadaire, étudions les concepts et les connaissances le lundi et le mardi, pratiquons en entreprise le mercredi et le jeudi, résumons l'expérience le vendredi, reposons-nous et amusons-nous le samedi et le dimanche.
<script type="text/JavaScript"> var myweek =3;//myweek表示星期几变量 switch(myweek){ case 1: case 2: document.write("学习理念知识"); break; case 3: case 4: document.write("到企业实践"); break; case 5: document.write("总结经验"); break; default: document.write("周六、日休息和娱乐"); } </script>
5. Répéter (pour la boucle)
Beaucoup de choses ne sont pas faites une seule fois, mais à plusieurs reprises. Par exemple, imprimez 10 copies du papier test, une à la fois, et répétez cette action jusqu'à ce que l'impression soit terminée. Nous utilisons des instructions de boucle pour accomplir ces tâches. Les instructions de boucle consistent à exécuter à plusieurs reprises un morceau de code.
pour la structure de la déclaration :
for(初始化变量;循环条件;循环迭代) { 循环语句 }
Exemple : S'il y a 6 balles dans une boîte, nous en prenons une à la fois et retirons à plusieurs reprises les balles de la boîte jusqu'à ce que toutes les balles soient prises.
<script type="text/javascript"> var num=1; for (num=1;num<=6;num++){ //初始化值;循环条件;循环后条件值更新 document.write("取出第"+num+"个球<br />"); } </script>
Nous avons de l'argent de différentes coupures 1, 2, 3...10. Utilisez la déclaration for pour compléter le total et voir combien d'argent nous avons au total ?
<script type="text/JavaScript"> var mymoney,sum=0;//mymoney变量存放不同面值,sum总计 for(mymoney=1;mymoney<=10;mymoney++){ sum= sum + mymoney; } document.write("sum合计:"+sum); </script>
6. À plusieurs reprises (boucle while)
La boucle while a la même fonction que la boucle for. La boucle while exécute à plusieurs reprises une section de code jusqu'à ce qu'une certaine condition ne soit plus remplie.
structure de l'instruction while :
while(判断条件) { 循环语句 }
Utilisez une boucle while pour terminer l'action de sortir les balles de la boîte, une à la fois, pour un total de 6 balles.
<script type="text/javascript"> var num=0; //初始化值 while (num<=6){ //条件判断 document.write("取出第"+num+"个球<br />"); num=num+1; //条件值更新 } </script>
7. Aller-retour (Faire... while boucle)
Le principe de base de la structure do while est fondamentalement le même que celui de la structure while, mais il 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(判断条件)
Essayez d'afficher 5 nombres.
<script type="text/javascript"> num= 1; do{ document.write("数值为:" + num+"<br />"); num++; //更新条件 } while (num<=5) </script>
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>
8. Quitter le saut de boucle
Utilisez l'instruction break dans les boucles while, for, do... while, while pour quitter la boucle en cours et exécuter directement le code suivant.
Le format est le suivant :
for(初始条件;判断条件;循环后条件值更新){ if(特殊情况) {break;} 循环代码 }
Affichez les résultats du test. Si le score est réussi, continuez à afficher le score suivant. Si le score est échoué, quittez et les scores suivants ne seront pas affichés.
<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>
9. Continuer la boucle
Structure de la déclaration :
for(初始条件;判断条件;循环后条件值更新){ if(特殊情况){ continue; } 循环代码 }
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ées.
Exemple : afficher les résultats des tests. 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>
在一个大学的编程选修课班里,我们得到了一组参加该班级的学生数据,分别是姓名、性别、年龄和年级,接下来呢,我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。
学生信息如下:
('小A','女',21,'大一'), ('小B','男',23,'大三'),
('小C','男',24,'大四'), ('小D','女',21,'大一'),
('小E','女',22,'大四'), ('小F','男',21,'大一'),
('小G','女',22,'大二'), ('小H','女',20,'大三'),
('小I','女',20,'大一'), ('小J','男',20,'大三')
<script type="text/javascript"> //第一步把之前的数据写成一个数组的形式,定义变量为 infos var infos = [ ['小A','女',21,'大一'], ['小B','男',23,'大三'], ['小C','男',24,'大四'], ['小D','女',21,'大一'], ['小E','女',22,'大四'], ['小F','男',21,'大一'], ['小G','女',22,'大二'], ['小H','女',20,'大三'], ['小I','女',20,'大一'], ['小J','男',20,'大三'] ]; //第一次筛选,找出都是大一的信息 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]=='女'){ document.write(arr1[i][0]+"<br/>"); } } </script>
以上就是关于Javascript流程控制语句的实例解析,希望对大家的学习有所帮助。