JS for循环语句的用法

孤峰 162

前面我们简单介绍了 while 循环和 do while 循环，本节再来介绍另外一种循环——for 循环。

JS for 循环语法

JS for 循环适合在已知循环次数时使用，语法格式如下：

for(initialization; condition; increment) {

// 要执行的代码

}

for 循环中包含三个可选的表达式 initialization、condition 和 increment，其中：

initialization：为一个表达式或者变量声明，我们通常将该步骤称为“初始化计数器变量”，在循环过程中只会执行一次；
condition：为一个条件表达式，与 while 循环中的条件表达式功能相同，通常用来与计数器的值进行比较，以确定是否进行循环，通过该表达式可以设置循环的次数；
increment：为一个表达式，用来在每次循环结束后更新（递增或递减）计数器的值。

示例代码如下：

for (var i = 1; i <= 10; i++) { 
document.write(i + " "); 
}

运行结果：

1 2 3 4 5 6 7 8 9 10

i++ 操作，即更新计数器的值。

【示例】使用 for 循环遍历数组中的内容：

var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"]; 
for(var i = 0; i < fruits.length; i++) { 
document.write(fruits + " "); }

运行结果：

Apple?Banana?Mango?Orange?Papaya

JS for 循环中的三个表达式

JS for 循环中括号中的三个表达式是可以省略的，但是用于分隔三个表达式的分号不能省略，如下例所示：

// 省略第一个表达式 var i = 0; for (; i < 5; i++) { // 要执行的代码 } // 省略第二个表达式 for (var y = 0; ; y++) { if(y > 5){ break; } // 要执行的代码 } // 省略第一个和第三个表达式 var j = 0; for (; j < 5;) { // 要执行的代码 j++; } // 省略所有表达式 var z = 0; for (;;) { if(z > 5){ break; } // 要执行的代码 z++; }
全选代码
复制
JS for 循环嵌套

无论是哪种循环，都可以嵌套使用（即在一个循环中再定义一个或多个循环），下面就以 for 循环为例，来演示一下循环的嵌套使用：

for (var i = 1; i <= 9; i++) { for (var j = 1; j <= i; j++) { document.write(j + " x " + i + " = " + (i * j) + " "); } document.write("<br>"); }
全选代码
复制

运行结果：

1 x 1 = 1? 1 x 2 = 2?2 x 2 = 4? 1 x 3 = 3?2 x 3 = 6?3 x 3 = 9? 1 x 4 = 4?2 x 4 = 8?3 x 4 = 12?4 x 4 = 16? 1 x 5 = 5?2 x 5 = 10?3 x 5 = 15?4 x 5 = 20?5 x 5 = 25? 1 x 6 = 6?2 x 6 = 12?3 x 6 = 18?4 x 6 = 24?5 x 6 = 30?6 x 6 = 36? 1 x 7 = 7?2 x 7 = 14?3 x 7 = 21?4 x 7 = 28?5 x 7 = 35?6 x 7 = 42?7 x 7 = 49? 1 x 8 = 8?2 x 8 = 16?3 x 8 = 24?4 x 8 = 32?5 x 8 = 40?6 x 8 = 48?7 x 8 = 56?8 x 8 = 64? 1 x 9 = 9?2 x 9 = 18?3 x 9 = 27?4 x 9 = 36?5 x 9 = 45?6 x 9 = 54?7 x 9 = 63?8 x 9 = 72?9 x 9 = 81
全选代码
复制
for 循环变体

为了更加方便地遍历对象、数组、字符串等内容，JS 还支持两种 for 循环变体，分别是 for in 循环和 for of 循环，请转到以下链接了解更多内容：

JS for in循环语句的用法
JS for of循环语句的用法

上一篇: JS for in循环语句的用法

下一篇: JS do while循环语句的用法

*声明：内容来源于网络收集和整理，版权归原著所有，如来源信息有误或侵犯权益，请联系站长作修改和删除处理。