JavaScript中的for循环怎么用

JavaScript中的for循环是一种用于重复执行代码块的控制流语句，适合在已知循环次数的场景下使用，能够高效完成数组遍历、批量操作等任务。

for循环的基本语法

for循环的标准语法结构由三个可选的表达式和循环体组成，格式如下：

for (初始化表达式; 条件表达式; 更新表达式) {
    // 循环体代码
}

三个表达式的作用分别是：

• 初始化表达式：在循环开始前执行一次，通常用于声明和初始化循环变量，比如let i = 0。
• 条件表达式：每次循环开始前都会判断该表达式的值，如果为true就执行循环体，为false则结束循环。
• 更新表达式：每次循环体执行完成后执行，通常用于更新循环变量的值，比如i++。

基础使用示例

下面是最简单的for循环示例，实现从1到5的数字打印：

for (let i = 1; i <= 5; i++) {
    console.log(i);
}
// 输出结果：1 2 3 4 5

执行流程是：先执行let i = 1初始化变量，然后判断i <= 5，条件成立执行循环体打印i，之后执行i++更新变量，重复判断条件直到i变为6时条件不成立，循环结束。

遍历数组的常见用法

for循环最常用的场景之一就是遍历数组，通过循环变量作为数组索引获取每个元素：

const fruits = ['苹果', '香蕉', '橘子', '葡萄'];
for (let i = 0; i < fruits.length; i++) {
    console.log(`第${i + 1}个水果是：${fruits[i]}`);
}
// 输出结果：
// 第1个水果是：苹果
// 第2个水果是：香蕉
// 第3个水果是：橘子
// 第4个水果是：葡萄

注意事项

• 如果不写条件表达式，循环会默认进入无限循环，需要避免在不需要无限循环的场景下遗漏条件。
• 循环变量的作用域如果用了let声明，只在for循环块内有效，用var声明则会提升到函数作用域，建议优先使用let避免变量污染。
• 不要在循环体内随意修改循环变量，可能会导致循环逻辑异常，比如意外跳过元素或者陷入死循环。
• 如果不需要使用初始化、条件或者更新表达式，对应的位置可以留空，但分号必须保留，比如for(;;)就是无限循环的写法。

嵌套for循环示例

当需要多层重复操作时可以使用嵌套for循环，比如打印九九乘法表：

for (let i = 1; i <= 9; i++) {
    let line = '';
    for (let j = 1; j <= i; j++) {
        line += `${j}*${i}=${i*j} `;
    }
    console.log(line);
}

外层循环控制行数，内层循环控制每行的列数，通过两层循环配合就能输出完整的九九乘法表。

JavaScriptfor循环循环语句代码语法修改时间：2026-06-03 00:25:45