查看: 194|回复: 0

[JavaScript/JQuery] 爱创课堂前端 js基础 循环语句 for循环

发表于 6 天前
太阳http代理AD

爱创课堂前端 js基础 循环语句

三、循环语句
循环语句就是重复执行一段代码,当不满足某个条件时,结束循环。
循环语句:for循环,do while循环,while循环,for in循环。
3.1 for循环for循环是前置判断。就是先判断条件表达式,满足条件表达式,就执行。

for循环重复执行一段代码,直到我们条件为假的时候,跳出循环。

1 for(初始化变量;最大值;步长){
2       循环语句;
3 }

1 for(var i = 0 ; i <= 100 ; i++ ){
2 console.log("这是第" + i + "次输出");
3 }


for循环的顺序:



for循环先执行步骤1,且执行一次。进行步骤2条件语句的判断,当结果为假,直接跳出for循环,执行语句5;

for循环先执行步骤1,且执行一次。当判断结果为真时,执行语句3(也就是我们的循环语句),然后执行语句4。

然后再次进行语句2的判断,当结果为假时,跳出for循环。执行语句5。

for循环先执行步骤1,且执行一次。当判断结果为真时,执行语句3(也就是我们的循环语句),然后执行语句4。

然后再次进行语句2的判断,当结果为真时,执行语句3,然后一直循环语句3,语句4,语句2……
一直循环到语句2为假时结束for循环,执行语句5.

我们一定要明白for循环的机理,可以不用直接输出,自己进行预判断。

1 // 案例一
2 for(var i = 4 ; i <= 14 ; i += 3){
3 console.log(i);
4 }

1 // 案例二
2 for(var i = 3; i < 13 ; i += 4){
3 console.log(i++);
4 }

我们在写for循环时,常会用到一个变量,这个变量就叫循环变量。循环变量的名称可以随意定义,通常我们使用i,j,k。循环变量是全局变量。可以放在for循环外。

错误写法:

1 var i = 3;
2 for(;i < 10 ; i += 2 ;){
3     //前两个分号必须写,即使没有变量的初始化也要写!!!
4     //语句最后的分号千万千万千万不要写。
5 }

正确写法:

1 // 案例三
2 var i = 3;
3 for(;i < 10 ; i += 2){
4 console.log(i);
5 }

1 // 案例四,步长可以减少
2 for(var i = 12 ; i > 2 ; i -= 4){
3 console.log(i);
4 }

1 // 案例五
2 for(var i = 4 ; i != 10 ; i += 3){
3 console.log(i);
4 }


1 // 案例六
2 var i = 3;
3 for(console.log(i++); i < 13 ; i += 5){
4 console.log(i);
5 }

1 // 案例七
2 var i = 3;
3 for(console.log(i++); i > 13 ; i += 5){
4 console.log(i);   //一次都不执行
5 }


死循环:就是一直让判断为真,不会跳出循环。

1 // 案例八,死循环
2 for(var i = 1 ; i > 0 ; i++){
3 console.log("哈哈哈");
4 }

for循环语句可以嵌套for循环语句。(for循环的嵌套,想执行循环语句不但要满足外层的for循环还要满足内层的for循环。)

注意:这两的for 循环语句中的变量名不要相同。

1 // 案例九for循环嵌套for循环
2 for(var i = 1 ; i < 5 ; i++){
3 for(var j = 1 ; j < 5 ; j ++){
4 console.log(i , j);
5 }
6 }


for循环语句还可以嵌套if语句。(想要执行if语句中的结构体,必须先满足for循环的条件还要满足内部的if语句的判断条件)

1 // 案例十for循环语句嵌套if语句
2 for(var i = 4 ; i < 20 ; i += 5){
3 if(i % 2 == 0){
4 console.log(i);
5 }
6 }


本文章版权归爱创课堂所有,转载请注明出处。

更多详细内容请访问爱创课堂官网首页

http://www.icketang.com/


太阳http代理AD
回复

使用道具 举报