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


    语句是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

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

  • 相关阅读:
    app保存图片
    字母数字换行css
    module.exports 和 exports,export 和export default的区别
    cs滚动条样式
    css画三角形、带边框的三角形、气泡三角形
    js将一位数组分割成每6个一组
    CSS DROP SHADOWS WITHOUT IMAGES
    QTableWidget焦点方式循环焦点从而导致无法把焦点切到其它控件
    QT Widget focus样式
    qt QButtonGroup里面的button,设置非checkde状态,而不是通过设置其他按钮的形式
  • 原文地址:https://www.cnblogs.com/xufeng1994/p/10366929.html
Copyright © 2020-2023  润新知