013|多分支条件语句

上一节学习了基本的条件语句，也即二分支语句。

现在有一个新需求，你需要写一个脚本，根据学生的考试分数，输出学生的考评。规则如下：

• 考试分数大于等于80分，优秀
• 考试分数大于等于70分，小于80分，良
• 考试分数大于等于60分，小于70分，中
• 考试分数小于60分，不及格

如果应用上一节的2分支语句，我们会写出如下的代码：

var score = 18

if (score>=80){
    console.log("优秀")  // 分支1
}
else{
    if (score>=70){
        console.log("良") // 分支2
    }
    else{
        if (score>=60){
            console.log("中") // 分支3
        }
        else{
            console.log("不及格") // 分支4
        }
    }
}

上面的代码反复使用 if...else... 条件语句来解决此问题。我们来看一下运行结果：

考评输出结果

可以看到，程序正确输出了考评。上面存在if...else...的嵌套使用，使得代码逻辑并不是那么清晰。

嵌套的涵义是， if...else... 分支语句中又使用了 if...else...

在JavaScript中可使用 else if 多分支语句字来处理上述问题。多分支语句的语法规则如下：

if (condition_1) {
  statement_1;
}
[else if (condition_2) {
  statement_2;
}]
... // 可以拥有1个至多个 else if 分支
else {
  statement_n;
}

else if 语句被插入到if与else之间，else if 自带了一个条件判定 condition，如果conditon为true，则else if 分支将被执行。

下面使用 else if 来优化一下上问的脚本。优化代码如下：

var score = 18

if (score>=80){
    console.log("优秀") // 分支1
}
else if(score>=70){
    console.log("良") // 分支2
}
else if (score>=60){
    console.log("中") // 分支3
}
else{
    console.log("不及格") // 分支4
}

可以看到，前一个脚本中的if...else...嵌套不见了，现在所有的分支都同级了，代码逻辑变得异常清晰。我们再看一下运行结果：

else if 脚本执行结果

可以看到，脚本正确输出了考评。所以使用 else if 与使用 if...else... 是等价的，使用 else if 更加的优雅。

好了，这一节就讲完了。这一节里，我们学习了多分支条件语句。恭喜你， 你已掌握了最常见的分支语句技巧！再继续学习下去，你会变得更强。

还有其它处理多分支语句的技巧吗？

什么是循环语句？
什么是变量作用域？

请继续关注我的课程，我将在后续课程中帮大家依次解答上述问题。

想学计算机技术吗？需要1对1专业级导师指导吗？想要团队陪你一起进步吗?欢迎加我为好友！

我的微信