JavaScript——循环结构的全面解析

文章目录

• 前言
• 一、循环语句
• 二、循环语句的分类
  • 1.for循环
  • 2.do…while循环
  • 3.while循环
• 三、break 和 continue
• 总结

---

前言

     本文主要介绍JavaScript中的循环语句一节。

---

一、循环语句

       任何一种编程语言中都有循环语句这一章节的讲解，那么什么是循环语句，它能够为我们解决什么问题，在那些业务逻辑中可以使用到循环语句呢？下面我将为大家逐一进行讲解：

循环语句： 

       所谓循环语句，也就是说在程序中重复执行的语句部分，在实际的业务逻辑中我们常常碰到一些需要进行重复计算的操作，如累加运算、语句的重复输出，当然，这些重复语句我们也通过书写多行的方式使其重复执行，但这种程序在执行效率这方面就大打折扣了，所以这时候我们就可以使用循环语句解决这个问题，一来可以解决重复语句的书写问题，二来也可以提高程序的运行效率，也会使得程序的可读性一定的提升。

       那么，JavaScript这门脚本语言中，循环语句又分为哪几种呢?

---

二、循环语句的分类

1.for循环

语法：

for( 初始化表达式；条件表达式；更新表达式）{

     循环体

}

• 初始化表达式： 也就是给一个变量进行赋值运算；
• 条件表达式： 该循环语句执行的判断条件，判断的依据是布尔值中的 true/false
• 更新表达式： 使初始化表达式的值进行改变
• 循环体：需要重复执行的语句

执行流程：

1. 首先就是 初始化表达式，判断这个变量是否满足后面的条件表达式，若该条件成立，则执行循环体中的语句，此时更新表达式的值也会进行相应的改变。
2. 接着继续判断条件表达式是否成立，若该条件成立，则执行循环体中的语句，此时更新表达式的值也会进行相应的改变。
3. 按照上述语句往复执行，直到条件表达式的条件不再成立，此时此程序的运行中止。

死循环：

在编程中，一个靠自身控制无法终止的程序称为“死循环”。在我们日常的书写中，也有可能因为我们的疏漏或者其他的操作导致一个程序进入了死循环状态，在for循环中以下情况也会导致程序进入了死循环状态：

for( 初始化表达式；条件表达式；更新表达式）{

     循环体

}

for循环语句原本的语法要求如是，如果是疏漏了某一项甚至全都没有，此时程序就将进入死循状态，可能会导致大量冗余数据进入内存，所以在日常的书写过程中一定要注意语法的规范，避免此类错误的发生。

需求练习：

例如，此时要求在浏览器的控制台中连续三次打印JavaScript语句，

代码如下（示例）：

  <script>
  for(var i=0;i<3;i++){
    console.log('JavaScript');
  }
    </script>

程序运行结果图：

---

2.do…while循环

语法：

do{

循环体；

}while(条件表达式)

• 条件表达式： 该循环语句执行的判断条件，判断的依据是布尔值中的 true/false
• 循环体：需要重复执行的语句

执行流程：

1. 可以看到do  while循环中循环体语句在上方，所以程序初始就会执行一次，这也是do…while循环语句与其他循环语句的不同之处。
2. 接着继续判断条件表达式是否成立，若该条件成立，则执行循环体中的语句，
3. 按照上述语句往复执行，直到条件表达式的条件不再成立，此时此程序的运行中止。

需求练习：

例如，此时要求在浏览器的控制台中连续三次打印JavaScript语句，

代码如下（示例）：

    <script>
        var i = 0;
        do {
            console.log('JavaScript');
            i++;
        } while (i > 3)
    </script>

程序运行结果图：

​

---

 ​

 3.while循环

语法：

while(条件表达式){

循环体;

break;

}

• 条件表达式： 该循环语句执行的判断条件，判断的依据是布尔值中的 true/false
• 循环体：需要重复执行的语句
• break:  中止程序的运转

执行流程：

1. 首先就是判断这个变量是否满足后面的条件表达式，若该条件成立，则执行循环体中的语句
2. 按照上述语句往复执行，直到条件表达式的条件不再成立，此时此程序的运行中止。

需求练习：

例如，此时要求在浏览器的控制台中连续三次打印JavaScript语句，

代码如下（示例）：

<script>
        var i = 0;
       while(i<3){
        console.log('JavaScript');
        i++;
       }
    </script>

程序运行结果图：

---

三、break  和   continue

1、break

break 终止整个循环

关键字可以用来退出   switch  和  循环   语句，在这种情况况下，结束最近的循环 ,if语句中不可以用。

2、continue

continue语句  终止本次当前循环

用于循环语句，终止本次当前循环，最近的循环。

3、label循环语句

语法：label: 循环语句，

可以为循环语句创建一个label  ,来标识当前的循环

使用break语句时，可以在break后跟着一个label,这样break将会结束制定的循环，而不是最近的

例如：  break语句虽然在内层循环，但是 外层循环执行一次，程序将会立刻终止

outer:
for(var i=0; i<5; i++){
console.log("@外层循环"+ i );
for( var  j=0; j<5;j++){
break outer;
console.log("内层循环”+ j );
}
}

总结

     以上就是今天所要分享的内容，这部分的知识点在之后的学习还是十分重要的，初次学习的小伙伴在理解基础语法后，可以多找些题目练习，如果大家感兴趣我也可以把相关的练习题目整理下来分享。好了，今天就写到这人吧，依旧诚挚祝福屏幕前的你平安喜乐，健康幸福！