400-650-7353

精品课程

您所在的位置:首页 > IT干货资料 > web前端 > 【Web前端基础知识】JavaScript条件分支语句

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

  • 发布: Web前端培训
  • 来源:Web前端干货资料
  • 2020-08-12 20:15:43
  • 阅读()
  • 分享
  • 手机端入口

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

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

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

在上面的代码中,我们使用变量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(‘不及格’);  

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

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

接下来,我们来学习下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(“及格”); 

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

以上是对分支语句if-else的介绍,希望能帮到大家。

课程好礼申请领取
您的姓名
您的电话
意向课程
 

中公优就业

官方QQ

扫描上方二维码或点击一键加群,免费领取价值599元网课,加群暗号:599。 一键加群

>>本文地址:
注:本站稿件未经许可不得转载,转载请保留出处及源文件地址。

推荐阅读

优就业:ujiuye

关注中公优就业官方微信

  • 关注微信回复关键词“大礼包”,领80G学习资料
QQ交流群
领取免费网课
(加群备注“网站”)
IT培训交流群 加入群聊 +
软件测试 加入群聊 +
全链路UI/UE设计 加入群聊 +
Python+人工智能 加入群聊 +
互联网营销 加入群聊 +
Java开发 加入群聊 +
PHP开发 加入群聊 +
VR/AR游戏开发 加入群聊 +
大前端 加入群聊 +
大数据 加入群聊 +
Linux云计算 加入群聊 +
优就业官方微信
扫码回复关键词“大礼包”
领取80G学习资料

淘宝商家短视频
预约试听
2020OAO训练营
免费试听
课程资料、活动优惠 领取通道