上一节学习了基本的条件语句,也即二分支语句。
现在有一个新需求,你需要写一个脚本,根据学生的考试分数,输出学生的考评。规则如下:
- 考试分数大于等于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 与使用 if...else... 是等价的,使用 else if 更加的优雅。
好了,这一节就讲完了。这一节里,我们学习了多分支条件语句。恭喜你, 你已掌握了最常见的分支语句技巧!再继续学习下去,你会变得更强。
还有其它处理多分支语句的技巧吗?
什么是循环语句?
什么是变量作用域?
请继续关注我的课程,我将在后续课程中帮大家依次解答上述问题。
想学计算机技术吗?需要1对1专业级导师指导吗?想要团队陪你一起进步吗?欢迎加我为好友!