for循环由初始化、条件判断、更新表达式三部分组成,执行顺序为:初始化→判断→执行循环体→更新→再判断,依次循环直至条件为假。

for 循环是 JavaScript 中最常用、最灵活的循环结构,掌握它的语法和执行顺序,是理解循环逻辑的关键。
基本语法结构
for 循环由三部分组成,写在一对圆括号内,用分号隔开:
for (初始化表达式; 条件判断; 更新表达式) {
// 循环体(要重复执行的代码)
}
-
初始化表达式:通常声明并赋值一个计数器变量(如
i = 0),只在循环开始前执行一次。 -
条件判断:每次循环开始前都要检查的布尔表达式。若为
true,继续执行循环体;若为false,立即退出循环。 -
更新表达式:每次循环体执行完后自动运行,常用于递增/递减计数器(如
i++或i--)。
执行顺序图解(按步分解)
以 for (let i = 0; i 为例,实际执行流程如下:
立即学习“Java免费学习笔记(深入)”;
- ① 执行
let i = 0(初始化) - ② 判断
i → <code>0 为 <code>true→ 进入循环体 - ③ 执行
console.log(0) - ④ 执行
i++→i变为1 - ⑤ 再次判断
i → <code>1 为 <code>true→ 继续循环体 - ⑥ 执行
console.log(1),再执行i++→i变为2 - ⑦ 再次判断 →
2 为 <code>true→ 打印2,再i++→i变为3 - ⑧ 再次判断 →
3 为 <code>false→ 跳出循环,不再执行循环体
几个关键细节提醒
- 三部分表达式均可省略,但两个分号
;;必须保留,否则语法错误。例如for (;;)是无限循环,需在循环体内用break退出。 - 初始化表达式支持多个变量,用逗号分隔:
for (let i = 0, j = 10; i - 条件判断为空时默认为
true;更新表达式为空时需手动更新变量,否则容易陷入死循环。 - 循环变量作用域推荐使用
let(块级作用域),避免闭包中出现意外的共享变量问题。
常见写法示例
正向遍历数组:
const arr = ['a', 'b', 'c'];
for (let i = 0; i console.log(arr[i]); // 输出 a, b, c
}
倒序遍历:
for (let i = arr.length - 1; i >= 0; i--) {
console.log(arr[i]);
}
不操作索引,只控制次数:
for (let i = 0; i console.log('Hello'); // 打印 5 次
}










