JavaScript for循环语法详解与执行流程

JavaScript for循环基础

JavaScript中的for循环允许将代码块重复执行指定的次数。

JavaScript 循环

若需反复运行相同代码且每次变量值不同，使用循环是高效的选择。例如，可以通过循环输出数组中的各个元素。

document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");

相比之下，手动逐行编写代码的方式如下：

for (var i=0; i<cars.length;i++){
document.write(cars[i]+"<br>");
}

示例：输出1到100的数字

for(var i=0;i <=100;i++){
document.write(i+"<br>")
}

for循环语法与执行流程

for循环属于前测试循环，它在循环开始前初始化变量，并定义循环结束后要执行的代码。其基本语法结构如下：

for (initialization; expression; post-loop-expression) statement

该循环的执行过程包含以下步骤：

1. 首先执行initialization（初始化）语句。

2. 判断expression（表达式）的值是否为true。若为true，则继续执行；若为false，则终止整个循环。

3. 执行循环体statement中的代码。

4. 执行post-loop-expression（循环后表达式）代码。

5. 返回第2步，重新判断expression的值。

for循环最常见的形式为for(var i=0; i<n;i++){statement}。

这表示循环将执行n次，适用于循环次数已知的场景。

var aNumbers = new Array();
var sMessage = "你输入了:\n";
var iTotal = 0;
var vUserInput;
var iArrayIndex = 0;
do{
vUserInput = prompt("输入一个数字，或者'0'退出","0");
aNumbers[iArrayIndex] = vUserInput;
iArrayIndex++;
iTotal += Number(vUserInput);
sMessage += vUserInput + "\n";
}while(vUserInput != 0) //当输入为0（默认值）时退出循环体
sMessage += "总数:" + iTotal;
document.getElementById("xxx").innerHTML=sMessage;

JavaScript中的不同循环类型

不同类型的循环

JavaScript支持多种循环结构：

for - 按指定次数循环执行代码块 for/in - 遍历对象的属性 while - 当指定条件为true时循环执行代码块 do/while - 同样在指定条件为true时循环执行代码块

For循环语法详解

For 循环 for循环是创建循环时最常用的工具。

以下是for循环的标准语法：

for (语句 1; 语句 2; 语句 3) { 被执行的代码块 }

语句 1 在循环（代码块）开始前执行。

语句 2 定义运行循环（代码块）的条件。

语句 3 在循环（代码块）已被执行之后执行。

实例

for (var i=0; i<5; i++)
 {
 x=x + "The number is " + i + "<br>";
 }

从上述示例中可以观察到：

Statement 1 在循环开始前设置变量 (var i=0)。

Statement 2 定义循环运行的条件（i 必须小于 5）。

Statement 3 在每次代码块执行后增加一个值 (i++)。

语句 1 通常使用语句 1 初始化循环所用变量 (var i=0)。

语句 1 是可选的，即不使用语句 1 也可以运行循环。

您可以在语句 1 中初始化任意（或多个）值：

实例:

for (var i=0,len=cars.length; i<len; i++)
{
document.write(cars[i] + "<br>");
}

同时，您也可以省略语句 1（例如在循环开始前已设置好初始值时）：

实例:

var i=2,len=cars.length;
for (; i<len; i++)
{
document.write(cars[i] + "<br>");
}

语句 2 通常语句 2 用于评估初始变量的条件。

语句 2 同样是可选的。

如果语句 2 返回 true，则循环再次开始；如果返回 false，则循环结束。

提示：如果省略了语句 2，则必须在循环内部提供 break 语句。否则循环将无法停止，可能导致浏览器崩溃。请在本教程稍后的章节阅读有关 break 的内容。

语句 3 通常语句 3 用于增加初始变量的值。

语句 3 也是可选的。

语句 3 有多种用法。增量可以是负数 (i--)，或者更大 (i=i+15)。

语句 3 也可以省略（例如当循环内部有相应的更新代码时）：

实例:

var i=0,len=cars.length;
for (; i<len; )
{
document.write(cars[i] + "<br>");
i++;
}

For/In 循环

For/In 循环 JavaScript for/in 语句用于循环遍历对象的属性：

实例

var person={fname:"John",lname:"Doe",age:25};

for (x in person)
 {
 txt=txt + person[x];
 }

您将在有关 JavaScript 对象的章节学到更多有关 for / in 循环的知识。

While 循环

while 循环和 do/while 循环点击可以查看这篇文章。

以上就是关于javascript中for循环的全部内容了，希望小伙伴们喜欢。