day-3 for循环
Posted 行走de猫
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了day-3 for循环相关的知识,希望对你有一定的参考价值。
四、for循环语句
4.1 认识for循环
在控制台输出1~100
100行语句:
1 console.log(1); 2 console.log(2); 3 console.log(3); 4 console.log(4); 5 console.log(5); 6 console.log(6); 7 console.log(7); 8 console.log(8); 9 …… 10 console.log(100); |
循环语句,就是执行一些类似的代码,让这些代码的编写变得简化。
程序:
1 for(var i = 1 ; i <= 100 ; i++){ 2 console.log(i); 3 } |
补充一个知识点,就是
1 i++ |
等价于
1 i = i + 1; |
i自增1
也就是说
1 for(var i = 1 ; i <= 100 ; i++){ 2 console.log(i); 3 } |
等价于:
1 for(var i = 1 ; i <= 100 ; i = i + 1){ 2 console.log(i); 3 } |
4.2 准确遍历for循环
人,要去分析程序的运行,走向。
1 <script type="text/javascript"> 2 for(var i = 1 ; i < 13 ; i = i + 4){ 3 console.log(i); 4 } 5 </script> |
遍历上面的代码:
程序一运行,将执行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++){ 2 console.log(i); 3 } |
什么也不输出。 因为程序一开始,i=50,然后会check一下i<40,为假。不执行
1 for(var i = 1 ; i < 10 ; i = i + 3){ 2 i = i + 1; 3 console.log(i); 4 } |
程序一开始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,所以不执行循环体。
1 for(var i = 1 ; i <= 10 ; i++){ 2 3 } 4 console.log(i); |
程序一开始,i等于1,满足i<=10,进入循环体,但是循环体没有语句,不会输出。
i++执行。 所以,程序一直当i为10的时候,又执行了一次i++,所以i等于11。不满足i<=10了,退出循环,输出11.
1 for(var i = 1 ; i < 7 ; i = i + 3){ 2 3 } 4 console.log(i); |
1 for(var i = 1 ; i < 10 ; i = i + 1){ 2 if(i % 2 == 0){ 3 i = i * 2; 4 } 5 console.log(i); 6 } |
1 for(var i = 1 ; i > 0 ; i++){ 2 console.log(i); 3 } |
死循环。 循环永远停不下来
for循环灵活:
1 var i = 3; 2 for(;i < 10 ; i++){ 3 console.log(i); 4 } |
1 for(var i = 3 ; i < 20 ; i = i + 2){ 2 if(i % 3 == 2){ 3 i = i + 1; 4 }else{ 5 i = i + 2; 6 } 7 console.log(i); 8 } |
以上是关于day-3 for循环的主要内容,如果未能解决你的问题,请参考以下文章