前端基础（十三、JS分支判断）

JS分支判断

JS中的条件判断语句与其他语言类似，主要有if语句和switch语句。

if语句

JS中真假判断

• 为假的情况有：
  • false
  • 当为数字0时
  • 当为空字符串时
  • undefined
  • null
• 为真的情况有：
  • true
  • 当为除数字0之外的数字时
  • 当为除空字符串的其他字符串时
  • 其他为假的情况之外时

        var a = true;
        if(a){
            console.log(a);
            //输出true
        }
        var b = 1;
        if(b){
            console.log(b);
            //输出1
        }
        //...

else if 和 else

• if 语句通常会和 else if 语句以及 else 语句配套使用：

        var c = 10;
        var d = 20;
        if(c > d){
            console.log("c > d");
        }else if(c < d){
            console.log("c < d");
        }else{
            console.log("c = d");
        }
        //输出c < d

== 和 ===

• if 语句中，用 == 判断是否相等，== 会进行隐式转换，即使类型不同也可以匹配；用 === 判断是否完全匹配，会严格判断类型是否相同：

var e = 10;
        var f = "10";
        if(e == f){
            console.log("相等");
        }else{
            console.log("不相等");
        }
        if(e === f){
            console.log("相等");
        }else{
            console.log("不相等");
        }
        //输出 相等  不相等

&& 和 ||

• if语句中可以使用与和或判断：

        var g = 10;
        var h = 20;
        if(g == 10 && h == 10){
            console.log("都为10");
        }else{
            console.log("至少有一个不为10");
        }
        if(g == 10 || h == 10){
            console.log("至少有一个为10");
        }else{
            console.log("都不为10");
        }
        //输出  至少有一个不为10  至少有一个为10

! 取非

• if语句中加上 ! 代表非：

var i = 10;
        var j = 20;
        if(!(i>j)){
            console.log("i > j是假的，即i < j");
        }else{
            console.log("i > j是真的，即i > j");
        }
        //输出i > j是假的，即i < j

switch语句

• switch 语句的 case 里可以做简单的运算：

        var a = 3;
        switch (a) {
            case 1:
                console.log("a = 1");
                break;
            case 2:
                console.log("a = 2");
                break;
            case 1+2 :
                console.log("a = 3");
                break;
            default:
                break;
        }
        //输出  a = 3

三元运算符

• 三元运算符： ? :
  以下代码中的三元运算符代表：m是否等于n？如果等于，令m = 1，如不等于，令m = 2：

        var m = 10;
        var n = 20;
        m == n ? m = 1 : m = 2;
        console.log(m);
        //输出  2

以上为本萌新个人总结，如有不当之处望指正，有问题可以联系
邮箱：yuna_03@163.com或
QQ：2635591841

更于2021.2.8