首页 > 编程笔记

JavaScript for循环用法详解

JavaScript for 循环语句与 while 循环语句的区别在于条件，for 循环的条件支持三项内容：初始化语句、条件判断语句和循环后操作语句，并且每个语句之间使用分号隔开。

JavaScript for 循环的执行过程如图1所示。

图1：for 循环执行过程

for 循环的语法结构如下：

for(初始化语句; 条件判断语句; 循环后操作语句){
语句块;
}

它的执行顺序是：首先执行初始化语句，只执行一次，然后判断第二项条件是否成立，如果成立则执行 for 语句块中的代码，如果不成立则退出循环，每当语句块中的代码执行完成之后，会执行第三项循环后操作语句，然后继续判断条件是否成立，以此类推，直到条件不成立而退出循环。

for 循环的这种结构适合计数循环，即需要一个指示变量来提示当前进行的是第几次循环，或者使用指示变量的值（例如循环访问数组中的元素），这样可以在初始化语句中，初始化一个指示变量，然后设立退出条件，最后设置每次循环后对指示变量进行的操作。

例如打印出 1~10 的值，代码如下：

for(let i=1;i<=10;i++){
    console.log(i);
}

一般地，对于指示变量的命名，推荐使用 i、j、k 等小写字母依次进行命名。

上述代码也可以转换为 while 形式，代码如下：

let i=   1;
while(i<=10){
    console.log(i++);
}

可以看出，while 循环对于计数类的操作不如 for 循环简洁。

循环语句也可以进行嵌套，从而形成双层或多层循环，不过非必要情况下不建议这样做，因为多层循环在严重情况下会使代码的效率呈指数级下降。

例如计算 1~10，与 5~10 每个数的乘积，它会执行 60 次，代码如下：

for(let i=1; i<=10; i++){
    for(let j=5; j<=10; j++){
        console.log("i * j = ", i*j);
    }
}

其他与 for 有关的循环语句还有 for in 和 for of，分别可以用于遍历（Iterate，访问所有内容）对象的属性和数组的元素。

JavaScript for循环用法详解

推荐阅读