web前端 -- Day10 js基础

版权声明:本文为原创文章,可转载分享学习,但禁止商用 https://blog.csdn.net/Cituses/article/details/88026451

代码流程控制

代码的执行过程,分为三种方式:顺序结构、分支结构、循环结构

1、顺序结构

代码执行的顺序,从上到下,从左到右执行顺序

2、分支结构

if语句、if-else语句 、switch-case语句、三元表达式语句

// 1、分支结构:if语句。执行过程:先判断表达式的结果是true还是false,如果是true则执行代码,如果是false,大括号中的代码是不执行的。
if(表达式){
    代码块
}

// 2、分支结构:if-else语句。执行过程:如果表达式的结果是true则执行代码块1,如果是false,则执行代码块
if(表达式){
    代码块1
}else {
    代码块2
}

// 3、分支结构:三元表达式。运算符号: ? : 
// 执行过程:表达式1的结果是true还是false,如果是true则执行表达式2,然后把结果给变量,如果表达式1是false,则执行表达式3,把结果给变量。
语法: var 变量 = 表达式1?表达式2:表达式3;

// 分支结构:switch-case语句。执行过程:获取表达式的值,和值1比较,如果一样,则执行代码1,遇到break则跳出整个语句,后面代码不执行; 如果表达式的值和值1不一样,则和值2比较,如果相同则执行代码2;
// 注意:default后边的break是可以省略的
switch(表达式){
    case 值1:代码1;
    break;
    case 值2:代码2;
    break;
    case 值3:代码3;
    break;
    default:代码4;
}

总结: 如果只有一个分支,就用if;如果有两个分支就用if-else;如果有多个分支,一般范围的,推荐使用if esle;如果多个分支,一般是具体值,推荐使用switch-case语句。

3、循环结构

while循环、do-while循环、for循环、for-in循环
循环要有结束的条件,循环还应该有计数器(记录循环次数)

// 1、while循环 执行过程:先判断条件是否成立,(条件的结果是true还是false),如果是false,那么大括号中代码都不执行,如果是true,先执行循环体,然后执行计数器,然后再去判断条件,看是否成立,成立继续执行否则跳出循环体。
var 变量 = 0;
while(循环条件){
    循环体;
    计数器++;
}

// 2、do-while循环 执行过程:先执行一次循环体,然后判断条件是否成立,不成立则跳出循环,成立则执行循环体,然后再判断条件是否成立,成立则继续循环,否则跳出
do {
    循环体
}while(条件)

// 3、for循环:执行过程:先执行一次表达式1,然后判断表达式2,如果表达式2不成立则直接跳出;若表达式2成立,执行循环体的代码,结束后跳到表达式3执行,然后跳到表达式2,判断表达式2是否成立,如果不成立则跳出循环,如果成立,则执行循环体
for(表达式1;表达式2;表达式3){
    循环体;
}

总结:
(1)、while先判断后循环,有可能一次循环都不执行
(2)、do-while:至少执行一次循环体,再判断
(3)、for:知道了循环的次数,推荐使用for循环

continue和break

1、break:立即跳出整个循环,即循环结束,开始执行循环后面的内容(直接跳到大括号)
2、continue:立即跳出当前循环,继续下一次循环(跳到i++的地方)

猜你喜欢

转载自blog.csdn.net/Cituses/article/details/88026451
今日推荐