首页 > 代码库 > day-3 for循环
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循环