发表于: 2020-04-06 23:55:43

1 1472


今天完成的事情:今天复习了Javascript中while和do-while循环用法详解以及加深理解angular路由的一些内容
明天计划的事情:继续尝试更多的应用以及加深理解
遇到的问题:实际操作起来还是不熟练需要更多的练习
收获:几种循环的用法多数情况都可以但是具体应用还是有点区别的

while 语句与 if 语句相似,都有条件来控制语句(或语句块)的执行,其语言结构基本相同:

while(conditions){

    statements;

}

while 语句与 if 语句的不同之处在于:在if条件假设语句中,若逻辑条件表达式为真,则运行statements语句(或语句块),且仅运行一次;while 循环语句则是在逻辑条件表达式为真的情况下,反复执行循环体内包含的语句(或语句块)。

注意:while语句的循环变量的赋值语句在循环体前,循环变量更新则放在循环体内;for循环语句的循环变量赋值和更新语句都在for后面的小括号中,在编程中应注意二者的区别。

例如用while()循环来计算1+2+3 ... +98+99+100的值:

<html>

<head>
  <title>计算1+2+3 ... +98+99+100的值</title>
</head>

<body>
  <script language="JavaScript" type="text/javascript">
    var total = 0;
    var i = 1;
    while (i <= 100) {
      total += i;
      i++;
    }
    alert(total);
  </script>
</body>

</html>

</html>

运行结果

在某些情况下,while循环大括号内的statements语句(或语句块)可能一次也不被执行,因为对逻辑条件表达式的运算在执行statements语句(或语句块)之前。若逻辑条件表达式运算结果为假,则程序直接跳过循环而一次也不执行statements语句(或语句块)。

do...while循环

若希望至少执行一次statements语句(或语句块),可改用do…while语句,其基本语法结构如下:

do { www.xxx.net

     statements;

}while(condition);

例如用do-while()循环来计算1+2+3 ... +98+99+100的值:

<html>

<head>
  <title>计算1+2+3 ... +98+99+100的值</title>
</head>

<body>
  <script language="JavaScript" type="text/javascript">
    var total = 0;
    var i = 1;
    do {
      total += i;
      i++;
    } while (i <= 100);
    alert(total);
  </script>
</body>


</html>

运行结果

效果是一样的for、while、do…while三种循环语句具有基本相同的功能,在实际编程过程中,应根据实际需要和本着简单易懂的原则来选择循环语句。

do while实例

<html>

<head>
  <title></title>
</head>

<body>
  <script type="text/javascript">
    i = 0
    do {
      document.write(i + "<br>")
      i++
    }
    while (i <= 5
  </script>
</body>


</html>

运行结果

数字是 0 

数字是 1 

数字是 2 

数字是 3 

数字是 4 

数字是 5 

解释: 

i 等于 0。 

循环首先会运行。 

每循环一次,i 就会累加 1。 

当 i 小于或等于 5 时,循环会继续运行。 

<html>

<head>
  <title></title>
</head>

<body>
  <script type="text/javascript">
    i = 0
    while (i <= 5) {
      document.write("数字是 " + i)
      document.write("<br>")
      i++
    } 
  </script>
</body>


</html>

运行结果

数字是 0 

数字是 1 

数字是 2 

数字是 3 

数字是 4 

数字是 5 

解释: 

i 等于 0。

当 i 小于或等于 5 时,循环将继续运行。 

循环每运行一次,i 会累加 1。 

Javascript示例代码解释:这个Javascript示例用到了do...while循环语句。 

循环语句允许重复执行一行或数行代码,do后面跟的是重复执行的代码,while后面跟的是终止循环的条件。这个Javascript示例中,设一个变量为i,i初始值为0,i++表示每次重复执行后i的值就加1,终止循环条件为while (i <= 5),也就是说,一旦i的值大于5,就终止循环。该示例中,重复循环的语句是while循环里面的document.write语句。

从上面的实例我们可以看出来关于js while ,do while 它们之间的区别。

剩下的明天再回顾以及继续巩固angular的内容概念还是要在理解一下


返回列表 返回列表
评论

    分享到