逻辑分支

引入:我们在日常生活中,有很多事情是需要做判断的,比如说,去服装城买衣服,你看中一件衣服,老板要600元,你立马就会想,这个价格是否贵了,判断的结果只有两种可能,一是贵,二是不贵,贵了你就不买了,不贵你就买了。再比如去网吧,网管也要判断你是否满18岁,结果也只有两种,是和否,是就上网,不是就看别人上网,再比如,学校根据考试成绩对每个人进行评级,如果成绩大于60就合格,否则就不合格,如果成绩大于90,就优秀等等。。。在咱们的代码中,也会有很多判断,比如咱们做的练习,小红满足条件了,就能嫁人了,不满足条件就不能嫁人。咱们昨天只是能看到一个布尔值,并没有进行下一步的操作,通过今天的学习就可以进行下一步的操作了,咱们今天学习的主要内容就是判断,也叫做逻辑分支。

判断也会有很多种,比如:

  • 考试成绩大于60,及格
  • 考试成绩大于60,及格,否则,不及格
  • 考试成绩如果大于60并且小于80,及格,如果大于80并且小于90,良好,如果大于90,优秀

根据上述几种情况,我们把判断分为三种,根据结果只做一个件事情的,叫单分支,做两件事情的,叫做双分支,做多件事情的,叫多分支。

单分支

语法:

if(条件表达式){
    当条件表达式的结果为true的时候要执行的代码
}

例:

var age;
if(age>18){
   alert("已经成年了");
}

双分支

语法:

if(条件表达式){
    当条件表示式的结果为true的时候要执行的代码
}else{
    当条件表达式的结果为false的时候要执行的代码   
}

例:

if(age>18){
   alert("成年了");
}else{
    alert("未成年");
}

案例:输入年份,判断是否是闰年

多分支

语法:

if(条件表达式1){
    当条件表达式1的结果为true的时候,要执行的代码
}else if(条件表达式2){
    当条件表达式2的结果为true的时候,要执行的代码
}else if(条件表达式3){
    当条件表达式3的结果为true的时候,要执行的代码
}
。。。

}else{

}
# 多分支可以有若干个else if,else根据需要可以有也可以没有

例:

var score = Number(prompt("请输入考试成绩:"));
if(isNaN(score)){
    alert("输入不正确");   
}else{
    if(score>=0 && score<60){
       alert("不及格");
    }else if(score>=60 && score<70){
       alert("及格了");
    }else if(score>=70 && score<80){
        alert("丙");         
    }else if(score>=80 && score<90){
        alert("乙");         
    }else if(score>=90 && score<=100){
        alert("甲");         
    }else{
        alert("输入不正确");
    }
}

分支结构的简写方式

如果单分支或双分支以及多分支的大括号中只有一行代码的时候,大括号可以省略。

例:

// 单分支的简写
var age;
if(age>18)
   alert("已经成年了");
// 双分支的简写
if(age>18)
   alert("成年了");
else
    alert("未成年");
// 多分支的简写
var score = Number(prompt("请输入考试成绩:"));
var score = Number(prompt("请输入考试成绩:"));
if(isNaN(score))
    alert("输入不正确");   
else{
    if(score>=0 && score<60)
       alert("不及格");
    else if(score>=60 && score<70)
       alert("及格了");
    else if(score>=70 && score<80)
        alert("丙");         
    else if(score>=80 && score<90)
        alert("乙");         
    else if(score>=90 && score<=100)
        alert("甲");         
    else
        alert("输入不正确");
}

分支结构的嵌套

例:定义三个变量,求出三个值中的最大值。

var a,b,c;
if(a>b){
    if(a>c){
       alert("变量a最大");
    }else{
        alert("变量c最大");
    }
}else{
    if(b>c){
       alert("变量b最大");
    }else{
        alert("变量c最大");
    }
}

switch多路判断

语法:

switch(变量){
    case 值1:
        执行的代码块
    break;
    case 值2:
        执行的代码块
    break;
    。。。
    default:
        执行代码块
}

使用说明:

  1. break表示当前分支执行后就结束switch的运行,后续代码不再运行
  2. default可以理解为判断语句中的else
  3. case理解为if来判断这个变量是否全等于某个值

例:

var day = Number(prompt("请输入一个0~7之间数字:"));
if(isNaN(day) || day<=0 || day>7){
    alert("输入错误");
}else{
    switch(day){
        case 1:
            alert("今天星期一");
        break;
        case 2:
            alert("今天星期二");
        break;
        case 3:
            alert("今天星期三");
        break;
        case 4:
            alert("今天星期四");
        break;
        case 5:
            alert("今天星期五");
        break;
        default:
            alert("输入错误");
    }
}

注意:使用多路判断的时候,能使用switch进行判断,就尽量使用switch,因为switch的判断都是确定的值,条件比较简单,所以效率高。

使用场景:

  • 如果判断的条件比较复杂,使用if
  • 条件是确定的值,分两种情况:

    • 如果判断的分支小于等于3个,就使用if,这时候的效率和switch一样
    • 如果大于3个,就使用switch。
  • switch判断使用的是全等于(===)

switch 穿透写法

如果case后面不写break,那当前case执行后,会继续执行后面的case中的代码

输出1~5:

var day;
switch(day){
    case 1:
        alert("今天星期一");
    break;
    case 2:
        alert("今天星期二");
    break;
    case 3:
        alert("今天星期三");
    case 4:
        alert("今天星期四");
    break;
    case 5:
        alert("今天星期五");
    break;
    default:
        alert("输入错误");
}

当day的值为2的时候,不会执行后面的代码,当day的值为3的时候,执行完3的代码,还会执行4的代码,因为3的代码后面没有break。

这时候可以利用switch的这个特性,简写一些代码:

输入一个月份,判断并输出这个月有多少天?

var month = Number("请输入一个月份:");
if(isNaN(month) || month<=0 || month>12){
    alert("输入错误");
}else{
    switch(day){
        case 1:
        case 3:
        case 5:
        case 7:
        case 8:
        case 10:
        case 12:
            alert("这个月有31天");
        break;
        case 4:
        case 6:
        case 9:
        case 11:
            alert("这个月有30天");
        break;
        case 2:
            alert("这个月有29天或28天");
        break;
        default:
            alert("输入错误");
    }
}

if条件中的细节

if条件的结果是布尔值,所以可以将布尔值当做条件放入if的小括号中

例:

if(true){
   alert("真的");
}else{
    alert("假的");
}

如果将别的非布尔值的表达式或数据放入条件小括号中,会发生隐形的类型转换

例:

if(2){ // 这里的2被转换成了布尔型
    console.log(2);
}

三元运算

if双分支有一种简写方式:

条件?条件成立时运行的代码段:条件不成立时运行的代码段;

例:

a>b?console.log(a):console.log(b);

这种表达双分支的方式叫做三元运算,也叫做三元表达式。

三元运算有个特点:可以将整个表达式当做一个值,可以赋值给一个变量,也可以输出

例:

var max = a>b?a:b; // 将a与b中较大的数赋值给变量max
console.log(a>b?a:b); // 将a与b中较大的数输出

你可能感兴趣的:(javascript)