js中For循环讲解

先来说一下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("&nbsp" + "&nbsp" + "*" + "&nbsp" + "&nbsp")
			}
			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("&nbsp" + "&nbsp"  + "&nbsp" + "&nbsp")
			}
			for(var k=1; k<=25; k++){
				document.write("&nbsp" + "&nbsp" + "*" + "&nbsp" + "&nbsp")
			}
			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的循环，不影响其它值的循环