Javascript中什么是流程控制(代码实例)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Javascript中什么是流程控制(代码实例),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4546字,纯文字阅读大概需要7分钟。
内容图文
本篇文章给大家带来的内容是介绍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="选择较大值" /> <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(" "); } 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+" "); } 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教程!
以上就是Javascript中什么是流程控制(代码实例)的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的Javascript中什么是流程控制(代码实例)全部内容,希望文章能够帮你解决Javascript中什么是流程控制(代码实例)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。