JS for循环语句

for 语句主要用于执行确定执行次数的循环。

for 语句的基本语法如下：

for([初始值表达式]；[条件表达式]；[增量表达式]){
循环体语句；
}

说明：

“初始值表达式”：为循环变量设置初始值；
“条件表达式”：作为是否进入循环的依据，可以是任意表达式，但一般为关系表达式或逻辑表达式，取值为真或假。每次要执行循环之前，都会进行条件表达式值的判断。如果值为真（值为 true 或非 0 或非空），则执行循环体语句；否则就退出循环并执行循环语句后面的代码；
“增量表达式”：根据此表达式更新循环变量的值。

上述 3 个表达式中的任意一个都可以省略，但需要注意的是，for() 中的;不可以省略。所以如果 3 个表达式都省略时，for 语句变为：for(;;){循环体语句}。此时需要注意的是，如果循环体内没有退出循环的语句，将会进入死循环。

for 语句实际上等效于以下结构的 while 语句：

初始值表达式；
while(条件表达式){
循环体语句；
增量表达式；
}

【例 1】使用 for 语句求的值。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用for语句求1～100的累加和</title>
<script>
     var sum = 0;
     for(var i = 1; i <= 100;i++){        //在for语句中使用var声明循环变量，使代码更简洁
         sum += i;
     }
     alert("1～100的累加和sum=" + sum);
</script>
</head>
<body>
</body>
</html>

上述代码中的 for 语句使用 while 语句替换实现 1～100 的累加和的代码如下所示：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用while语句求1～100的累加和</title>
<script>
    var sum = 0;
    var i = 1;   //初始值表达式
    while(i <= 100){ //条件表达式
       sum += i;
       i++;  //增量表达式
    }
    alert("1～100的累加和sum=" + sum);
</script>
</head>
<body>
</body>
</html>

上述代码和例 1 的运行结果是完全一样的，它们在 Chrome 浏览器运行后弹出的对话框都如图 1 所示。

图 1：for 循环语句运行结果

JS for循环语句

所有教程

优秀文章