JavaScript-----if/if-else/if else if、switch、三元表达式

一、if语句
1、if语句是分支语句,主要是用来判断
语法:
if(表达式){
代码块
}

执行过程:先判断表达式的结果是true还是false,如果是true则执行代码块,如果是false,不执行

        var num1 = 10;
        var num2 = 20;
        // 当num1小于num2为true时,大括号内的代码执行,输出10
        if(num1 < num2){
            console.log(num1);
        }
        // 当num1大于num2为false时,大括号内的代码不执行,什么也不输出
        if(num1 > num2){
            console.log(num1);
        }

二、if-else语句
1、if-else语句有两个分支,只执行一个分支
语法:

if(表达式){
            代码1
        }else{
            代码2
        }

执行过程: 如果表达式的结果是true则执行代码1,如果是false,执行代码2
例子:
随便输入一个数字,(parseInt是为了让输入的数字变成整数),判断这个数字是否大于18,是true就执行代码1的 console.log(“这个数字大于18”);这部分,false就执行另一个。

       var num1 = parseInt(prompt("请输入一个整数"));//自己随便输入一个整数
        if (num1 >18){
            console.log("这个数字大于18");
        }else{
            console.log("这个数字小于等于18");
        }

三、if-else if-else

if(条件1){
          条件1为true时执行的代码块
      }else if(条件2){
          条件 1 为 false 而条件 2 为 true 时执行的代码块
      }else{
           条件1和条件2同时为 false 时执行的代码块
      }

四、switch
switch分支语句
是多分支语句,可以实现多选一
执行思路:
根据 条件表达式 的值与 value 值匹配,与哪个 value 匹配上就执行哪个value对应的执行语句,如果都没有匹配上,就执行 default 后面的语句

switch(表达式){
          case 1:代码块
          break;
          case 2:代码块
          break;
          .
          .
          .
          case n:代码块
          break;
          default: 代码块
      }

五、三元表达式
语法:
var 变量 = 表达式1?表达式2:表达式3;
执行过程:
表达式1如果是true,执行表达式2,然后把结果给变量;
表达式1如果是false,执行表达式3,然后把结果给变量;

switch语句 和 if else if 语句的区别
1、一般情况下,两个语句可以互相替换
2、switch…case语句通常用来处理case为比较确定值的情况,而if…else if…else语句更加灵活,常用于范围判断(大于、等于某个范围)
3、switch 语句进行条件判断后直接执行到程序的条件语句,效率高,而if…else if…else语句有几种条件,就得判断多少次
4、当分支比较少时,用if else效率更高
5、当分支比较多时,用switch效率高,且结构更清晰

猜你喜欢

转载自blog.csdn.net/weixin_44401120/article/details/93376908