JavaScript中for循环的使用详解

作者:拾光

时间:2026-10-29

浏览:313

本文详细介绍JavaScript中for循环的紧凑结构,涵盖初始化、条件测试和迭代更新三个核心部分。通过具体代码示例展示如何编写基本for循环及其输出结果,帮助开发者掌握这一常用控制流语句。

文章目录

for循环概述

前文已提及while循环存在多种变体。本节将重点讲解另一种广泛使用的循环结构:for循环。

for循环的组成部分

for循环是结构最为紧凑的循环形式,其定义包含以下三个关键组成部分:

  1. 首先是循环初始化部分,用于设定计数器的初始值。该初始化语句在循环正式执行前仅运行一次。
  2. 其次是测试语句,用于判断给定条件是真还是假。若条件为真,则执行循环体内的代码;若条件为假,则退出循环。
  3. 最后是迭代语句,用于在每次循环结束后增加或减少计数器的值。

上述三个部分可以在同一行内书写,各部分之间使用分号进行分隔。


for (initialization; test condition; iteration statement){
   Statement(s) to be executed if test condition is true
}

for循环语法

以下是for循环的标准语法格式:

for循环实例

以下示例演示了一个基础的for循环实现:


<script type="text/javascript">
<!--
var count;
document.write("Starting Loop" + "<br />");
for(count = 0; count < 10; count++){
 document.write("Current Count : " + count );
 document.write("<br />");
}
document.write("Loop stopped!");
//-->
</script>

该代码执行后将产生如下结果,其运行逻辑与while循环类似:


Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped! 

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章