码迷,mamicode.com
首页 > Web开发 > 详细

js中的if判断语句和switch条件分支语句

时间:2019-02-12 21:47:52      阅读:288      评论:0      收藏:0      [点我收藏+]

标签:div   表达式   case   执行   优秀   code   span   条件判断   cas   

语句是js中最重要的成分

本文想介绍的是if判断语句和switch条件分支语句

----------------------------------------------------------------

if条件判断语句

形式:

if(条件判断){
  表达式
}

意思就是,当满足条件判断的句子,执行花括号内的表达式

直接看看有坑的地方

需求:当score为60分以下,控制台打印不及格,当score为60分以上,控制台打印及格,当score为85分以以上,控制台打印优秀

        var score = 60
        if(score<60){
          console.log(‘不及格‘)
        }else if(score>=60){
          console.log(‘及格‘)
        }else if(score>=85){
          console.log(‘优秀‘)
        }

肯定有小伙伴会这样写吧,但是这样存在问题

因为if判断语句只会执行满足条件的一个判断,但是在上面的代码段里出现了score>=60,又出现了score>=85

永远不会执行score>=85的那种判断,因为前面socre>=60

所以应该这样写

        var score = 60
        if(score>=85){
          console.log(‘优秀‘)
        }else if(score>=60){
          console.log(‘及格‘)
        }else{
          console.log(‘不及格‘)
        }

或者这样写

        var score = 60
        if(score<60){
          console.log(‘不及格‘)
        }else if(score>=60 && score<85){
          console.log(‘及格‘)
        }else if(score>=85){
          console.log(‘优秀‘)
        }

这样才是正确的流程语句

switch条件分支语句

之前一直记不住这样的形式,其实和if判断语句差不多

        var score = 60
        switch (score){
            case 90:
                console.log(‘优秀‘)
                break
            case 80:
                console.log(‘中上‘)
                break    
            case 70:
                console.log(‘中等‘)
                break
            case 70:
                console.log(‘及格‘)
                break
            default:
                console.log(‘不及格‘)
                break
        }

如果不加入break会默认从满足条件一直向下执行.最后的default就是相当于if条件语句中的else,switch语句用的是全等判断,大家一定要注意一下

还可以写成判断语句,像这样

        switch (true){
            case score>50:
                console.log(‘优秀‘)
                break
                ...
            }

原理就是true和score那里全等就ok

加油啊,整理这个还是很浪费时间的...

 

js中的if判断语句和switch条件分支语句

标签:div   表达式   case   执行   优秀   code   span   条件判断   cas   

原文地址:https://www.cnblogs.com/xufeng1994/p/10366929.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!