前端开发_JavaScript_流程控制语句_循环结构

流程控制语句_循环结构

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>