先来说一下for循环的基本结构:
for(初始化变量; 定义循环运行的条件;递增或递减){ 循环执行的语句}
1.接下来讲一下for循环的用法,举个例子,如下图:
for(var i=1; i<=10; i++){
document.write("第" + i +"次循环:" + i + "<br />")
}
(1.)i=1的意思是先声明一个初始化变量为1。
(2.)i<=10的意思是当i大于10的时候,结束循环运行条件。
(3.)i++的意思是在瞒足循环运行条件的情况下每次递增加1。
我们来看下输出结果:
也可以把相同的内容重复执行打印,如:
for(var i=1; i<=10; i++){
document.write("这是一段相同的内容,重复执行。" + "<br />")
}
结果:
2.可以用嵌套的方法去做一些形状,比如三角形,平行四边形 等...
三角形代码:
document.write("<p align='center'>")
for(var i=1; i<=10; i++){
for(var k=1; k<=i; k++){
document.write(" " + " " + "*" + " " + " ")
}
document.write("<br />")
}
document.write("</p>")
(1.) 变量为i的循环,从1开始,循环到10,执行循环10次,变量为k的循环跟随父循环的次数依次递加。
输出结果:
平行四边形代码:
document.write("<p align='center'>")
for(var i=1; i<=10; i++){
for(var j=1; j<=i; j++){
document.write(" " + " " + " " + " ")
}
for(var k=1; k<=25; k++){
document.write(" " + " " + "*" + " " + " ")
}
document.write("<br />")
}
document.write("</p>")
(2.) 这个平行四边形多加了个for循环是为了去添加空格间隙,开始的时候是四个空格,每一次递加就去加上1个,从而形成平行四边形。
输出结果:
3.在for循环中还有俩个跳出循环的语句,break、continue,接下来我们分别讲解下这俩个方法
(1.) break:终止循环、让循环结束
我们来看下例子:
for(var i=1; i<=10; i++){
document.write(i + "<br />")
if(i==6){
break
}
}
如果i等于6的话,直接结束循环,不在往后面执行,一起来看下结果:
(2) continue: 跳出本次循环,并不结束循环
for(var i=1; i<=10; i++){
if(i==6){
continue
}
document.write(i + "<br />")
}
注意:输出内容要放在判断后面,不然还是会把i==6的值打印出来,continue运用的意思就是跳过本次i==6的循环,不影响其它值的循环