流程控制语句_循环结构

 

1.引入

 

   通过上次课程的学习，我么可以使用 条件结构实现代码的选择执行，那么当我们在实现需求的时候，如果需要执行多次，那应该怎么办呢？这一个时候，我们可以使用循环结构来实现我们的代码功能。

 

2.循环结构

 

    假如您需要运行代码多次，且每次使用不同的值，那么循环（loop）相当方便使用。JavaScript中的循环主要有三个：for循环、while循环、do-while循环。那么下面我们逐一讲解每一个循环的操作。

 

3.for循环

 

  (1).for循环使用场景

 

       for循环，由于它可以通过控制次数和下标，所以一般使用在已经知道循环次数和需要循环次数下标的时候使用。

 

  (2).for循环的语法和内容说明

 

for循环语法以及相关结构

 

for (语句 1; 语句 2; 语句 3) {

 

     要执行的代码块

 

}

 

参数详解

 

语句 1 在循环（代码块）开始之前执行。一般用于定义初始化下标

 

语句 2 定义运行循环（代码块）的条件。一般是条件判断语句，表述是否需要再次执行相关的代码块。

 

语句 3 会在循环（代码块）每次被执行后执行。一般是增量语句，控制增量数量，和语句构成循环的次数

 

一个标准的for循环代码:

 

for（var i=0;i<100;i++）{

 

   //需要执行的代码块

 

}

 

   (3).for循环的简单使用，使用for循环实现1——100的累和

 

<script type="text/javascript">

 

   //设置初始化存储变量

 

   var sum = 0;

 

   //循环累加

 

   for(var i=0;i<100;i++){

 

   sum += i;

 

   }

 

   document.write("0——100的累和是:" + sum);

 

</script>

 

 (4).for循环的简单使用，输出0——10中的奇数

 

<script type="text/javascript">

 

  //循环查找

 

  for(var i=0;i<10;i++){

 

  if(i%2 == 1){

 

  document.write(i +"是一个奇数。" + "<br>");

 

  }

 

  }

 

</script>

 

  (5).for循环实现死循环

 

<script type="text/javascript">

 

   //使用for循环实现死循环

 

   for(;;){

 

  document.write("HelloWorld");

 

   }

 

</script>

 

 4.while循环

 

    (1)、while循环的使用场景

 

     while循环用于不知道循环次数的情况，也就是只有循环多次或者是循环使用结束之后才有效果的情况使用，比如现实后台传递的数据的时候就可以使用while循环。while 循环会一直循环代码块，只要指定的条件为 true。

 

   (2).while循环的语法和内容说明

 

while循环语法:

 

while (条件) {

 

   //要执行的代码块

 

}

 

  (3).while循环的简单使用，使用for循环实现1——100的累和

 

<script type="text/javascript">

 

   //使用while循环实现0——100的累和

 

   var sum = 0;

 

   var count = 0;

 

   while(count <= 100){

 

  sum += count;

 

  count++;

 

   }

 

   document.write("0——100的累和是:" + sum);

 

</script>

 

   (4).while循环实现死循环

 

<script type="text/javascript">

 

   //使用while实现死循环

 

   while(true){

 

document.write("helloworld");

 

   }

 

</script>

 

 5.do-while循环

 

   (1)、do-while循环的使用场景

 

          do/while 循环是 while 循环的变体。在检查条件是否为真之前，这种循环会执行一次代码块，然后只要条件为真就会重复循环。

 

   (2).while循环的语法和内容说明

 

do-while语法:

 

do{

 

   要执行的代码块

 

}while (条件);

 

 (3).do-while简单的代码实现以及实现效果

 

<script type="text/javascript">

 

    //初始化

 

var sum = 0;

 

var count = 0

 

do{

 

sum +=count;

 

document.write("这时候的sum值是:" + sum)

 

}while(count < 100);

 

count++;

 

</script>