JavaScript For 循环
循环可以多次执行一段代码。
JavaScript 循环
如果您想一遍又一遍地运行相同的代码,并且每次使用不同的值,那么循环非常方便。
使用数组时通常会出现这种情况:
不要这样写:
文本 += 汽车[0] + "<br> “;
文本 += 汽车[1] + "<br> “;
文本 += 汽车[2] + "<br> “;
文本 += 汽车[3] + "<br> “;
文本 += 汽车[4] + "<br> “;
文本 += 汽车[5] + "<br> “;
你可以写:
对于(让 i = 0; i < cars.length; i++){
文本 += 汽车[i] + "<br> “;
}
亲自尝试 »
不同类型的循环
JavaScript 支持不同类型的循环:
for
- 多次循环代码块for/in
- 循环遍历对象的属性for/of
- 循环遍历可迭代对象的值while
- 当指定条件为真时,循环执行代码块do/while
- 当指定条件为真时,也会循环执行代码块
For 循环
这 for
循环具有以下语法:
为了 (声明1; 声明2; 声明3) {
// 需要执行的代码块
}
声明 1 在代码块执行之前执行(一次)。
声明 2 定义执行代码块的条件。
声明 3 每次执行完代码块后都会执行。
从上面的例子中,您可以读到:
语句 1 在循环开始之前设置一个变量(让 i = 0)。
语句 2 定义循环运行的条件(i 必须小于 5)。
每次执行循环中的代码块时,语句 3 都会增加一个值 (i++)。
声明 1
通常您将使用语句 1 来初始化循环中使用的变量(让 i = 0)。
情况并非总是如此,JavaScript 并不关心。语句 1 是可选的。
您可以在语句 1 中初始化多个值(以逗号分隔):
并且您可以省略语句 1(例如在循环开始之前设置您的值时):
声明 2
通常使用语句 2 来评估初始变量的条件。
情况并非总是如此,JavaScript 并不关心。语句 2 也是可选的。
如果语句 2 返回 true,则循环将重新开始,如果返回 false,则循环将结束。
如果省略语句 2,则必须提供 休息 在循环内。否则循环将永远不会结束。这会导致浏览器崩溃。请阅读本教程后面章节中有关 break 的内容。
声明 3
语句 3 通常会增加初始变量的值。
情况并非总是如此,JavaScript 并不关心,并且语句 3 是可选的。
语句 3 可以执行任何操作,例如负增量(i--)、正增量(i = i + 15)或任何其他操作。
语句 3 也可以省略(例如当您在循环内增加值时):
循环范围
使用 var
循环中:
使用 let
循环中:
在第一个示例中,使用 var
,循环中声明的变量在循环外重新声明该变量。
在第二个示例中,使用 let
,循环中声明的变量不会在循环外重新声明该变量。
什么时候 let
用于在循环中声明i变量,i变量仅在循环内可见。
For/Of 和 For/In 循环
这 for/in
循环和for/of
循环将在下一章中解释。
While 循环
这 while
循环和do/while
将在下一章中解释。