js的分支语句和运算符的特点及注意事项

63 阅读2分钟

什么是分支语句

if 分支语句

  • if 分支语句的基本书写 if为判断语句,语法: 1. if(判断的条件){ 如果条件为真(true),则运行花括号里面的程序 }

      2. if...else为当if的条件不为真则执行else里面的程序
    

switch

switch 的判断 使用的是全等
      
    语法:
            switch (判断条件) {
               case 条件1:
                   满足条件1执行的代码
                   break;
              case 条件2:
                  满足条件2执行的代码
                   break;
              default:
                   上述条件都不满足时执行的代码
            }


            穿透现象:
                寻找到满足的条件后, 如果没有 break
                会继续往下执行, 直到发现 break 或者结束
                var a = 10
                switch (a) {
                    case 10:
                        console.log('a为10')
                    case 20:
                        console.log('a为20')
                        break;
                    a为10,a为20

三元表达式

条件 ? 为真的时候执行的一行代码 : 为假的时候执行的一行代码
    var xb = '女'
    var t = ''
    t = xb == '男' ? '他' : '她'
    console.log(t)

算数运算符

+ - * / %
运算顺序, 和数学一致
     
- * / %
    这几个符号在运算的时候, 如果符号两边
    有 非数字的 类型, 会转换数字, 然后运算
    这种情况, 我们叫做 隐式转换
    
    var num1 = '10' - 5     //5
    console.log(num1)

比较运算符

>    <    >=    <=       
==    ===    !=    !== 
得到的不是常规的数学上的数字, 是一个布尔值

逻辑运算符

&&    ||    !

&&: 与(且)
||: 或
!:  非(取反)

&& 特点:
    前一个(符号左边)为真, 返回后一个
    前一个为假, 返回前一个
    
|| 特点
    前一个为真, 返回前一个
    前一个为假, 返回后一个
    
!变量
    取反, 将变量值的布尔值,做一个取反的操作

想得到一个数据类型的布尔值,可以加两个!!
    var c = 1
    console.log(!!c)

自增自减运算符

++       --
语法
    1. ++变量
    2. 变量++
    3. --变量
    4. 变量--
    作用:
    将自身 +1  或者 -1
    
    区别
        符号在前, 先运算自减或自加, 然后参与周围表达式
        符号在后, 先参与周围表达式运算, 然后自减或自加

小试牛刀
    // var a = 1; var b = ++a + ++a; // b = 2 + 3
    // console.log(b);
    // var a = 1; var b = a++ + ++a;   //b = 1 + 3
    // console.log(b);     
    // var a = 1; var b = a++ + a++;  // b = 1 + 2
    // console.log(b);
    var a = 1; var b = ++a + a++;     //b = 2 +2
    console.log(b);


    // 总结: ++a在前优先自加,a++在后先计算再自加