首页 »Javascript教程 » 循环语句:如何更合理地控制循环语句？ »正文循环语句:如何更合理地控制循环语句？来源: 发布时间:星期四, 2009年2月12日 浏览:193次 评论:0
循环语句  执行利用计算机强大计算能力 几乎是瞬间完成无法在循环过程中根据情况区别作出循环执行顺序变化 JavaScript提供了 和continue语句进行循环控制语句用于终止当前循环 将执行循环后面语句而continue语句则可终止本次循环即不执行continue语句后面代码段直接进入下 轮循环(继续保持循环)— 介绍说明: 语句在switch语句中使用过用于跳出条件判断语句在D:\web\目录下创建网页文件(XHTML1.0) 命名为.htm编写.htm文件代码如代码16.7所示代码16.7 循环控制语句: .htm<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/ xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; char  =gb2312" /><title>循环控制语句</title> <style type="text/css"> body{text-align:center;} </style> </head> <body> <div id="  "><script type="text/javascript"> for(var i=1; i<20; i  ){ (i%2 0){continue; }  (i15){;} document.write("数字"+i+"<br />"); } </script> </div> </body> </html>  在浏览器地址栏输入http://localhost/.htm浏览效果如图16.11所示本例用条件分支语句判断数字 特性当计数器变量i为偶数时执行continue语句跳入下轮循环即偶数将不会显示到页面计数器变量i为15时执行语句即跳出循环不再显示后面数字为了更好地利用循环带来强大功能可以把循环进行嵌套如第14章“第1个JavaScript”举例显示图形就是使用2层嵌套在个循环代码段中编写另个循环这就是循环嵌套如常用2层嵌套编写思路方法如下:for (  化变量1; 条件表达式; 变量更新){for ( 化变量2; 条件表达式; 变量更新){代码段 } } 这种循环功能强大 比较适合于操作2维数据如表格数据显示有规律图形显示等在D:\web\目录下创建网页文件(XHTML1.0)命名为twice.htm编写twice.htm文件代码如代码16.8所示代码16.8 嵌套循环语句:twice.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. org/TR/xhtml1/DTD/ xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; char =gb2312" /><title>嵌套循环语句</title> <style type="text/css"> body{text-align:center;} </style> </head> <body> <div id=" "><script type="text/javascript"> for(var i=1; i<11; i ){document.write("第"+i+"行-----"); for(var j=1; j<6; j ){document.write("数字:"+j); } document.write("<hr />"); } </script> </div> </body> </html> 在浏览器地址栏输入http://localhost/twice.htm 浏览效果如图16.12所示 图16.12 嵌套循环语句 本例中外层循环 计数器变量i控制行数内层循环计数器变量j控制列数很轻松地完成了表格状数据显示笔者在编写循环语句时变量值和条件表达式要注意匹配否则容易造成死循环死循环即循环不断地进行下去永远不会停止即条件表达式永远为true在D:\web\目录下创建网页文件(XHTML1.0)命名为dead.htm编写dead.htm文件代码如代码16.9所示代码16.9 死循环演示:dead.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. org/TR/xhtml1/DTD/ xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; char =gb2312" /><title>死循环演示</title> <style type="text/css"> body{text-align:center;} </style> </head> <body> <div id=" "><script type="text/javascript"> for(var i=2; i>1; i ){document.write("第"+i+"行<br />"); } </script> </div> </body> </html> 在浏览器地址栏输入http://localhost/dead.htm 浏览效果如图16.13所示 图16.13 死循环演示 由于条件表达式设置不当 导致无论如何循环条件表达式值永远为true永远无法执行结束所以浏览器会提示用户需要结束脚本运行循环语句执行定循环次数后保证条件表达式为false否则将进入死循环在编写中由于循环处理数据最多所以优化循环语句编写可以提高整个运行效率优化循环可以从精简代码(转移代码语句)和减轻循环强度着手如以下循环语句:for(var i=1; i<1000; i ){var j=5; 代码段 } 以上循环 代码段部分如果没有给j重新赋值则可把j=5部分转移出循环体这样就不必每次循环都执行同样赋值操作了改写循环代码如下:var j=5; for(var i=1; i<1000; i ){代码段 } 把循环体内保持不变 代码部分转移到循环语句外对于复杂执行效率提升非常有帮助减轻循环强度涉及到代码优化读者暂时可略过相关学习0
相关文章读者评论发表评论 |
|
 |
专注于互联网--专注于架构 |
最新标签 网站地图 文章索引 Rss订阅 |
