上一篇: JS for in循环语句的用法
下一篇: JS do while循环语句的用法
前面我们简单介绍了 while 循环和 do while 循环,本节再来介绍另外一种循环——for 循环。
JS for 循环适合在已知循环次数时使用,语法格式如下:
for(initialization; condition; increment) {
// 要执行的代码
}
for 循环中包含三个可选的表达式 initialization、condition 和 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 循环中括号中的三个表达式是可以省略的,但是用于分隔三个表达式的分号不能省略,如下例所示:
// 省略第一个表达式
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++;
}
无论是哪种循环,都可以嵌套使用(即在一个循环中再定义一个或多个循环),下面就以 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
为了更加方便地遍历对象、数组、字符串等内容,JS 还支持两种 for 循环变体,分别是 for in 循环和 for of 循环,请转到以下链接了解更多内容:
上一篇: JS for in循环语句的用法
下一篇: JS do while循环语句的用法
*声明:内容来源于网络收集和整理,版权归原著所有,如来源信息有误或侵犯权益,请联系站长作修改和删除处理。