Javascript——认识For循环

认识for循环:循环语句就是执行一些类似的代码,让这些代码的编写变得简化。

语法

for(表达式1; 表达式2; 表达式3){
	循环体;
}

执行过程:先执行一次表达式1,然后判断表达式2;如果不成立则直接跳出循环;如果表达式2成立,执行循环体的代码,结束后跳到表达式3执行,然后跳到表达式2,判断表达式2是否成立,不成立则跳出循环。如果表达式2成立,则执行循环体,然后跳到表达式3,再跳到表达式2,判断是否成立,一直如此。

在控制台输出1~100:

	<script type="text/javascript">
		for(var i=1; i<=100; i++){
			console.log(i);
		}
	</script>

补充:i++等价于i=i+1,即i自增1
也就是说

for(var i=1; i<=100; i++)

等价于

for(var i=1; i<=100; i=i+1)

准确遍历for循环:即分析程序的运行、走向。

	<script type="text/javascript">
		for(var i = 1 ; i < 13 ; i = i + 4){
			console.log(i);
		}
	</script>

控制台输出1,5,9.
遍历以上代码:
程序一运行,将执行var i = 1;这条语句, 所以i的值是1。 然后程序会验证i < 13是否满足,1<13是真,所以执行一次循环体(就是大括号里的语句)。执行完循环体之后,会执行i=i+4这条语句,所以i的值是5。
然后程序会验证i < 13是否满足,5<13是真,所以执行一次循环体(就是大括号里的语句)。执行完循环体之后,会执行i=i+4这条语句,所以i的值是9。
然后程序会验证i < 13是否满足,9<13是真,所以执行一次循环体(就是大括号里面的语句)。执行完循环体之后,会执行i=i+4这条语句,所以i的值是13。
然后再程序会验证i < 13是否满足,13<13是假,所以不执行循环体了,退出循环。

例1:

	for(var i=50; i<40;i++){
		console.log(i);
	}

什么也不输出,因为程序一开始i=50,不满足i<40,所以不会执行。

例2:

	for(var i=1; i<10;i=i+3){
		i=i+1;
		console.log(i);
	}

输出2,6,10。因为程序一开始i=1,所以进入循环体,i变为2,输出2。
然后执行i=i+3,所以i等于5,满足i<10,所以进入循环体,i变为6,输出6。
然后执行i=i+3,所以i等于9,满足i<10,所以进入循环体了, i变为10,输出10
然后执行i=i+3,所以i等于13了,不满足i<10,所以不执行循环体。

例3:

	for(var i=1; i<=10;i++){

	}
	console.log(i);

输出11。程序一开始,i等于1,满足i<=10,进入循环体,但是循环体没有语句,不会输出。i++执行。 所以一直当i为10的时候,又执行了一次i++,此时i等于11。不满足i<=10了,退出循环,输出11。

例4:

	for(var i=1; i<7;i=i+3){

	}
	console.log(i);

输出7。

例5:

	<script type="text/javascript">
		for(var i=1;i<10;i=i+1){
			if(i%2==0){
				i=i*2;
			}
			console.log(i);
		}
	</script>

输出1,4,5,12。

例6:

		for(var i=1;i>0;i=i+1){
			console.log(i);
		}

一个死循环。

例7:

		var i=3;
		for(; i<10; i++){
			console.log(i);
		}

循环灵活,输出3,4,5,6,7,8,9。

例8:

		for(var i=3; i<20; i=i+2){
			if(i%3==2){
				i=i+1;
			}else{
				i=i+2;
			}
			console.log(i);
		}

输出的是5,9,12,15,18。

©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页