JavaScript流程控制语句怎么用

这篇文章主要介绍“JavaScript流程控制语句怎么用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“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&mdash;&mdash;100的累和

<script type="text/javascript">

   //设置初始化存储变量

   var sum = 0;

   //循环累加

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

   sum += i;

   }

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

</script>

 (4).for循环的简单使用，输出0&mdash;&mdash;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&mdash;&mdash;100的累和

<script type="text/javascript">

   //使用while循环实现0&mdash;&mdash;100的累和

   var sum = 0;

   var count = 0;

   while(count <= 100){

  sum += count;

  count++;

   }

   document.write("0&mdash;&mdash;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>

关于“JavaScript流程控制语句怎么用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。