首页手记【九月打卡】第8天 JavaScript进阶篇

【九月打卡】第8天 JavaScript进阶篇

标签：

JavaScript

课程名称：JavaScript进阶篇

课程章节：第4章跟着我的节奏走(流程控制语句)

课程讲师: 慕课官方号

课程内容：

Do...while循环

do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。

do...while语句结构：

do {     循环语句  } while(判断条件)

我们试着输出5个数字。

<script type="text/javascript">    num= 1;    do    {      document.write("数值为:" +  num+"<br />");      num++; //更新条件    }    while (num<=5) </script>

执行过程

退出循环break

在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。

格式如下：

for(初始条件;判断条件;循环后条件值更新) {   if(特殊情况)   {break;}   循环代码 }

当遇到特殊情况的时候，循环就会立即结束。看看下面的例子，输出10个数，如果数值为5，就停止输出。

注:当num=5的时候循环就会结束，不会输出后面循环的内容。

编程练习

<!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; charset=utf-8" />
<title>break</title>
<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>
</head>
<body>
</body>
</html>

继续循环continue

continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

语句结构：

for(初始条件;判断条件;循环后条件值更新) {   if(特殊情况)   { continue; }  循环代码 }

上面的循环中，当特殊情况发生的时候，本次循环将被跳过，而后续的循环则不会受到影响。好比输出10个数字，如果数字为5就不输出了。

执行结果:

注:上面的代码中，num=5的那次循环将被跳过。

编程练习
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>continue</title>
<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>
</head>
<body>
</body>
</html>