11月14日流程控制

发布时间 2023-11-14 19:34:34作者: songjunwan

流程控制

也就是if判断。

在js中if判读与python一样有多分支、单分支的概念。

1.单分支的情况

首先是基本格式

if (condition) {
    // 在条件为真时执行的代码块
}

condition是要判断的条件,如果条件为真,则执行与if语句关联的代码块。

实例代码

var a = 13;
if (a>1){
    console.log(123)
}

效果如图

如果a大于1就输出123

2.多分支的情况

首先是基本格式

a=10;
if (a>22){
    console.log(123)
}else{
    console.log(456)
}

效果如图

如果a大于22就输出123,但是a不大于22时就输出456。

3.更多分支情况

首先是基本格式

var a = 13;
if (a>=22){
    console.log(123)
}else if (a>10){
    console.log(789)
}else {
    console.log(456)
}

效果如图

这里有个两次判断,第一次判断a是否大于等于22,如果符合就输出123,第二次判断a是否大于10,如果符合就输出789,最后一个就是两者都不符合就输出456.

特别点:

js的判断用法和python基本类似,但是它没有elif,在js内elif等于else if

4.switch方法

if-else语句是一样的功能,但是它可以让代码更加简洁。同时它只有一个多分支的条件语句。

基本格式

switch (expression) {
    case value1:
        // 在表达式等于 value1 时执行的代码
        break;
    case value2:
        // 在表达式等于 value2 时执行的代码
        break;
    // 可以有更多的 case 分支
    default:
        // 如果表达式的值与所有 case 不匹配时执行的代码
}

  • expression是需要进行判断输出的变量名。

  • 每个case后面跟着一个期望expression匹配的值。

  • break语句用于终止switch语句,防止执行下一个case。如果省略break,将会继续执行下一个case,直到遇到break

  • default关键字用于指定当表达式的值与所有case不匹配时执行的代码块。

简白点case关键字后面跟着的都是条件语句。

例子代码如下

var day = 2;

switch (day) {
    case 1:
        console.log("星期一");
        break;
    case 2:
        console.log("星期二");
        break;
    case 3:
        console.log("星期三");
        break;
    default:
        console.log("其他天");
}

效果如图

它和if-else相比要简洁的多。

注意点

记得每次判断要加break来结束这个语句,否则就会出现其它判断输出的内容也会输出

例子代码

// 特别点
var b = 1;
switch(b){
    case 0:
        console.log(0);

    case 1:
        console.log(1);
    case 2:
        console.log(2);
}

效果如图

5.循环

1.for循环

基本格式

for (初始化表达式; 条件表达式; 循环后操作表达式) {
    // 循环体
}
  • 初始化表达式在循环开始前执行,通常用于初始化计数器。
  • 条件表达式在每次循环迭代前进行求值,如果为 true,则执行循环体,否则结束循环。
  • 循环后操作表达式在每次循环迭代后执行,通常用于更新计数器。

例子代码

var a = 0;
for (a = 0; a<5; a++){
    console.log("当前数字为:",a);
}

效果如图

2.while循环

js里面while循环与python里面的情况差不多就是格式发生了一些小变化

while (条件表达式) {
    // 循环体
}

条件表达式在每次循环迭代前进行求值,如果为true,则执行循环体,否则结束循环。

例子代码

//while循环
var b = 0;
while(b<5){
    console.log("此时b的数据为:",b);
    b++;

}

效果如图

3.do-while循环

该循环是一种先执行循环体,然后再检查条件的循环结构,确保循环体至少执行一次。

基本格式

do {
    // 循环体
} while (条件表达式);

循环体会先执行,然后检查条件表达式,如果为true,则继续循环,否则结束循环。

例子代码

// do-while循环
var c = -1;
do{

    console.log(c);
    c++;
}while(c>5)

这个代码我让c等于-1,然后它的循环条件是c必须大于5,但是我还是可以执行一次,然后结束。

效果如图