Javascript中什么是流程控制(代码实例)

如果下载的源码需要作者授权,请更换源码。本站免费分享资源不会增加授权

本篇文章给大家带来的内容是介绍Javascript中什么是流程控制(代码实例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所助。

流程控制

JavaScript通过流程语句来执行程序流,程序流有若干语句组成。在正常情况下,程序中 的语句时按照书写顺序执行的,这种结构称为顺序结构。除了顺序结构之外还有选择结构和循环结构。

1.选择结构

(1)if-else语句

语法:

if(condition){   statementS; }else{   statements; }

(2)if-else if-else语句

语法:

if(condition){   statementS; }else if{   statements; } …… else{   statements; }

例如:

<!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="选择较大值" />&nbsp;&nbsp;     <input type="reset" value="重填" />  </form> </body> </html>

(3)switch语句([ ]中为可选)

语法:

switch(expression){   case value1:     statement;     break;   case value2:     statement2;     break;   ……   case valueN;     statementN;     break;   [defalut:     defalutStatements;] }

例如:

<!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>

2.循环语句

(1)for循环(循环次数已知的循环)

语法:

for(inintal-condition;conditin;increment){   statements; }

例子:

输出九九乘法表

<!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("&nbsp;&nbsp;");             }         document.write("<br>");         }         </script>   </font> </body> </html>

(2)for-in语句(通常用来遍历数组)

语法:

for(elements in object){   statement; }

例如:

<!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>

(3)while语句(次数未知的循环)

语法:

while(condition){   statement; }

例如:

输出1-100中3的倍数

<!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>

(4)do-while语句(该语句最少执行一次)

语法:

do{   statement; } while(conditions);

例如:

计算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>

转移语句

(1)break语句

break语句用于switch语句和for语句等循环语句中。用来中止switch语句,执行switch语句后的语句。

(2)continue语句

continue语句用于for,while,do-while,for-in语句中,用来结束本次循环,执行下一次循环,一般与if语句一起使用。

(3)return语句

return语句一般在函数中使用,可以使用return语句表达式的格式返回任意类型的函数值,返回的函数值可以用变量接受。

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程,jQuery视频教程,bootstrap教程!

本文由(壳先生)整理自网络,如转载请注明出处:https://www.mrshell.com;
本站发布的内容若侵犯到您的权益,请邮件联系 i@mrshell.com 删除,我们将及时处理!
===========================================================================

1. 本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行测试。
2. 本站资源仅供学习和交流使用,版权归资源原作者所有,请在下载后24小时之内自觉删除。
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
4. 若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,与本站无关。
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

=================================================================

壳先生 » Javascript中什么是流程控制(代码实例)

发表评论

提供最优质的资源集合

立即查看 了解详情