JavaScript 流程控制

76 阅读3分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第14天,点击查看活动详情

JavaScript 流程控制

流程控制(代码按照一定的顺序进行执行)分类:

1.顺序结构

​ 代码自上而下依次执行,所有的代码都将被执行。

image-20210314151616404.png


2.分支结构

​ 根据不同的条件,执行不同路径的代码(代码多选一),得到不同的结果。

image-20210314151825989.png

if分支语法结构:

/*单分支*/
if(条件表达式){//条件表达式的结果是一个布尔类型的变量
    //条件满足时执行的代码
}
//根据年龄判断是否成年。

/*双分支*/
if(条件表达式){
    //条件满足时执行的代码
}else{
    //条件不满足时执行的代码
}
//判断年份是否是闰年(能被4整除且不能被100整除的年份 或 能被400整除的年份)。

/*多分支*/
if(条件表达式1){
    //条件满足时执行的代码
}else if(条件表达式2){
    //条件满足时执行的代码
}else if(条件表达式3){
    //条件满足时执行的代码
}......
else{
    //以上条件都不满足时执行的代码 
}
//根据分数给出成绩等级。要求:1.不在0-100之间;2.100-90 优秀;3.90-80 良好;4.80-70 一般;5.70-60 及格;6.后面的都是不及格。

switch分支语法结构:

switch(表达式){//表达式的结果是一个数值或字符串
    case value1:
        //满足条件执行代码
        break;
    case value2:
        //满足条件执行代码
        break;
    case value3:
        //满足条件执行代码
        break;
        ....
    default:
        //以上条件都不满足执行代码  
}  
//根据表达式的运算数值结果写出其对应的汉字。

switch 注意事项: 1.表达式一般是一个变量,方便进行值的替换。 2.表达式和case里面的值在匹配的时候 ,是做的全等运算 ===。 3.如果当前的case没有break,则不会退出,会继续执行下一个case。


3.循环结构

循环是反复不断的执行某些代码块 ​需求:打印输出100次hello world。

for 循环

/*
	for循环语法结构 一般使用在已知循环次数的情况下
	初始化变量:用于计数
	条件表达式:循环的终止条件
	操作表达式:更新计数器
*/
for(初始化变量; 条件表达式; 操作表达式){
    //需要循环执行的代码
}

//for循环的执行过程
for (var i = 1; i <= 100; i++) {
    console.log('Hello World' + i);
}

while循环

/*while循环语法结构  一般使用在未知循环次数的情况下*/
while(条件表达式){
    //需要循环执行的代码
}

do...while 循环

/*do  while循环语法结构  一般使用在要先执行在判定的条件下*/
do{
    //需要循环执行的代码
}while(条件表达式)

break continue的使用

break用于终止整个循环

/* 1.break用于终止整个循环 */
for (var i = 0; i < 10; i++) {
    if (i == 3) {
        break;
    }
    console.log(i);
}

/* 1_2.break结束离其最近的循环体 */
for (var i = 0; i < 5; i++) {
    for (var j = 0; j < 10; j++) {
        if (j == 3) {
            break;
        }
        console.log(i + '-break-' + j);
    }
}

image-20210318155109136.png

continue用于终止某一次循环

/* 2.continue用于终止某一次循环 */
for (var i = 0; i < 5; i++) {
    if (i == 3) {
        continue;
    }
    console.log(i);
}

/* 2_2.continue结束离其最近的循环体 */
for (var i = 0; i < 5; i++) {
    for (var j = 0; j < 10; j++) {
        if (j == 3) {
            continue;
        }
        console.log(i + '-continue-' + j);
    }
}

image-20210318155705772.png