【Web前端基础知识】JavaScript条件分支语句

【摘要】 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。下面是【Web前端基础知识】JavaScript条件分支语句，小编建议有准备参加考试的备考生一定要合理规划时间，仔细阅读相关规定，提前做好考前准备。下面让我们看看【Web前端基础知识】JavaScript条件分支语句的具体内容：

【Web前端基础知识】JavaScript条件分支语句

2025年监理工程师-考点精讲班体验课

¥0

去购买​

今天，我们来学习一下JavaScript语言中的条件分支语句。我们知道JavaScript中的代码默认是顺序执行的，即从上到下默认执行，这种方式我们称之为顺序结构。如果我们通过条件判断，有选择性的执行某段代码，就要用到条件分支语句。JavaScript中的条件分支语句分为：if-else，switch-case等。

首先，我们来认识下if语句。if 即如果，就是假设一个条件，如果条件成立，就做某一个操作，即如果怎么样就会怎么样。if语句的语法为：if(条件){ 条件成立执行 }。接下来我们看下面的代码：

1. // 如果年龄满三周岁，就可以上幼儿园 
2. var age = 3; 
3. if (age >= 3) { 
4.     console.log("可以上幼儿园"); 
5. } 

在上面的代码中，我们使用变量age表示年龄，如果年龄大于等于3，条件成立，就可以执行大括号内的语句，如果不满足age大于等于3就不能执行大括号内的语句。

另外，刚才大括号中只有一条代码，这时大括号可以省略，省略了 if 就只能控制 () 后面的第一行语句。虽然可以省略,但是我们建议每次都加上,这样代码结构逻辑更清晰。

接下来，我们看下if语句的另一种形式if-else。if-else 是在 if 的基础上加了一个条件不成立时要做的操作，即条件成立做某个操作，条件不成立做某个操作。语法为：if( 条件 ){条件成立做的事情}else{条件不成立做的事情}。例如下面的代码：

1. var s = 100;  
2. if(s >= 60){ 
3.     // 条件成立执行的代码 
4.   console.log(‘及格’);  
5. } else { 
6.     // 条件不成立执行的代码 
7.     console.log(‘不及格’);  
8. } 

在上面的代码中，如果我们使用变量s表示分数，如果分数大于等于60分，就会执行第一个大括号中的语句，如果不能满足分数大于等于60分，就会执行else之后大括号中的语句。我们把这种分支语句中的每个条件和条件对应的大括号中的代码称之为分支。在分支语句中最多执行一条分支。

接下来，我们来学习下if-else的嵌套。if-else 能用于一个条件的成立和不成立，但是如果问题存在多个假设就不能够满足要求，比如上面的案例如果成绩大于90为优秀，80至90 为良好，70至80为一般，60至70 为及格，60 以下为不及格,像这种情况就没有办法用 if-else 去实现，这个时候就需要用到 if-else 嵌套。 if-else 嵌套语法为：if( 判断条件 ){ 条件成立执行的代码 }else if( 判断条件 ){ 条件成立执行的代码 }else{ 以上条件都不成立时执行 }。我们通过代码来学习下 if-else 嵌套：

1. var a = 100; 
2. if (a > 90) { 
3.     alert(“优秀”); 
4. } else if (a > 80) { 
5.     alert(“良好”); 
6. } else if (a > 70) { 
7.     alert(“还行”); 
8. } else if (a > 60) { 
9.     alert(“及格”); 
10. } 

在上面的代码中，我们使用变量a表示分数，当变量a大于90执行第一条分支，当变量a不符合第一条分支的条件时会在第二条分支进行判断，需要注意的是上面的代码有四条分支，但是我们只能最多执行一条分支，如果有一条分支的条件满足就不会再往后判断条件。

以上就是【Web前端基础知识】JavaScript条件分支语句的内容，对前端感兴趣的小伙伴们可以关注考必过，获取更多前端前沿资讯和最新技术。最新消息小编会第一时间发布，助力大家考试，加油！