JavaScript入门教程之循环语句

循环语句从字面意思理解就是重复执行，能够让计算机按照程序员要求重复执行某种操作的能力是所有程序设计语言所必须具备的基本能力。在JavaScript程序设计语言中同样具有循环语句，实现程序代码段的重复执行，本文主要从while语句与for语句两种循环类型方面对循环语句进行说明。

JavaScript循环语句

JavaScript为前端程序设计人员提供了三类基本循环控制语句，分别为while语句、do-while 语句与for语句。通过这三种语句程序设计人员可以控制程序重复执行某一操作或者操作的组合。JavaScript基本循环语句执行流程描述如下图所示：

JavaScript基本循环流程图

通过上图我们可知，作为循环控制语句需要提供循环执行的入口、循环体与执行大的出口三部分。其中出口至关重要，出口为结束循环的条件，如果设置不好，程序将一直重复执行，并进入死循环状态。入口我们可以理解为初始条件。出口主要通过判断条件控制，在上图中当判断条件返回值为F时，结束并退出循环。以下我们将分别介绍前文提出的三种类型循环。

do...while循环

在很多程序设计语言基础教程中一般没有把do...while放到整个循环语句最前面进行介绍，主要原因在于与while相比较使用的频率相对较低，而且过多介绍可能让初学者对两者学习记忆产生混淆。此处我们首先介绍do...while 循环，首先我们给出其工作的流程及原理说明。

do...while执行流程

do...while 循环执行过程描述如上图所示，当开始执行循环控制时，首先执行一次循环体，执行完成进行条件判断，成立继续进入循环体执行，否则结束循环。因此可知无论如何都会执行循环体一次。这也是do..while与while语句最大的区别。do...while 语法结构与应用实例如下：

语法说明及示例

基本语法与测试案例如上所示，执行完之后可以得到1-100之间奇数的和，其和为2500。chrome浏览器测试结果如下：

求和计算结果

while循环语句

理解了do...while循环结构之后，再去理解while相对容易，while语句程序执行流程描述如下图所示：

while语句执行流程

while语句执行流程与循环控制基本流程完全一致，首先判断条件，条件成立进入循环体，执行完再判断，直到条件不成立结束循环。while循环语法与示例说明如下：

语法说明及示例

for循环

for循环同样可以完成循环流程控制功能，其工作过程与原理基本与while一致，只是其语法相对其他两种较为复杂一点。需要通过三个表达式控制循环，三个表达式分别为初始值、判断表达式、增长值。for循环基本语法与应用示例如下所示：

语法说明及示例

以上针对JavaScript程序设计语言流程控制中的循环操作功能进行了分析与说明，三种控制语句异同也做了解释，并通过示例编写了简单程序进行测试。

本头条号长期关注编程资讯分享；编程课程、素材、代码分享及编程培训。如果您对以上方面有兴趣或代码错误、建议与意见，可以联系作者，共同探讨。更多程序设计相关教程及实例分享，期待大家关注与阅读！JavaScript基础教程系列教程链接如下：

JavaScript基础教程（五）流程控制之条件语句

JavaScript基础教程（四）二进制位运算

JavaScript基础教程（三）64位浮点数加法运算

JavaScript基础教程（二）变量、常量与运算符