JavaScript 循环语句详解：while、do-while、for 与 for-in 的区别与用法

JavaScript 循环语句概述

while 与 do-while 的核心区别仅在于条件判断的时机不同。do-while 循环会先执行一次循环体，再进行条件判断，因此它至少会比 while 多执行一次循环。此处不再赘述具体示例。对于大家熟知的 for 循环，本文重点解析 for-in 语句。在 JavaScript 中，数组初始化通常使用中括号，例如在 script 标签内编写代码时需注意这一语法特征。

for-in 循环示例二

 <html> <body>  </body> </html> 

for 循环的执行机制

JavaScript for 循环示例

输出：数字是 0

输出：数字是 1

输出：数字是 2

输出：数字是 3

输出：数字是 4

输出：数字是 5

代码解释：

for 循环初始化变量 i 从 0 开始。

只要变量 i 的值小于或等于 5，循环条件即满足，循环将继续执行。

每次循环迭代结束后，变量 i 的值会自动累加 1。

do-while 循环的特性

JavaScript do-while 循环示例

 <html> <head> <title>一个使用到do...while循环的Javascript示例</title> </head> <body> <p>  

输出：数字是 0

输出：数字是 1

输出：数字是 2

输出：数字是 3

输出：数字是 4

输出：数字是 5

代码解释：

变量 i 初始化为 0。

do-while 循环会先执行一次循环体内的代码。

每次循环迭代后，变量 i 的值累加 1。

当 i 的值小于或等于 5 时，循环继续运行；否则终止。

while 循环的控制逻辑

JavaScript while 循环示例

输出：数字是 0

输出：数字是 1

输出：数字是 2

输出：数字是 3

输出：数字是 4

输出：数字是 5

代码解释：

变量 i 初始化为 0。

在每次执行循环体前，检查 i 是否小于或等于 5，若满足则继续运行。

每完成一次循环，变量 i 的值累加 1。

JavaScript 示例代码解析：

该示例演示了 do...while 循环语句的使用。循环语句用于重复执行代码块，do 后跟随的是需要重复执行的代码，while 后跟随的是控制循环终止的条件。示例中定义变量 i 初始值为 0，i++ 表示每次执行后 i 自增 1。终止条件为 while (i <= 5)，即当 i 大于 5 时循环结束。示例中重复执行的语句为 document.write。

循环语句对比总结

通过上述实例对比，可以清晰看出 JavaScript 中 for、for-in、while 和 do-while 四种循环语句在语法结构、执行顺序及适用场景上的具体区别。