JS学习

Posted 2020-10-04 Mr.TongYu、

 

JS中的循环结构

【循环结构的执行步骤】
1、声明循环变量；
2、判断循环条件；
3、执行循环体操作；
4、更新循环变量；
然后，循环执行2~4，知道条件不成立。跳出循环。

【while 循环】
while 循环()中的表达式，运算结果可以是各种类型，但是最终结果都会转化为真假，转换规则同if就够：
① Boolean：true为真，false为假；
② String：空字符串为假，所有非空字符串为真；
③ Number：0为假，一切非0数字为真；
④ null/Undefined/NaN： 全为假；
⑤ Object：全为真；

写法：
var num=1;    1.声明循环变量;
while (num<10) {   2.判断循环条件;
document.write(num+"<br>");    3.执行循环体操作;
num++;     4.更新循环变量;
}


【do-while 循环】

写法：
var num = 10;
do{
document.write(num+"<br>");
num--;
}
while(num>=0);

 

二者特点：

while循环特点：先判断，再执行；
do-while循环特点：先执行，再判断；即使初始条件不成立，do-while循环也至少执行一次。


【for循环】
1、for循环有三个表达式：① 声明变量；② 判断循环条件；③ 更新循环变量
三个表达式都可以省略，但是两个缺一不可；
2、for循环的执行特点：先判断 再执行，与while相同；
3、for循环三个表达式都可以由多都分组成；第二部分多个判断条件用&&||链接，第一三部分用逗号分隔。

写法：
for(var num=1;num<=10;num++){
document.write(num+"<br>");
}



【循环控制语句】
1、break：跳出本层循环，继续执行循环后面的语句。
如果循环有多层嵌套，则break只能跳出一层。
2、continue：跳过本次循环剩余的代码，继续执行下一次循环。
①对与for循环，continue之后执行的语句，是循环变量更新语句i++；
②对于while、do-while循环，continue之后执行的语句，是循环条件判断；
因此，使用这两个循环时，必须将continue放到i++之后使用，否则，continue将跳过i++进入死循环。
3、return：后续讲解。