JS基础 if和switch区别

简介: 本文比较了JavaScript中的`if`语句和`switch`语句的区别,并通过示例代码展示了它们的用法,解释了何时使用`if`更合适以及`switch`语句的特点和应用场景。

if

       let flag = 1 >2 ? true : false
        if(flag){
   
            console.log('我是true===');
        }else{
   
            console.log('我是false===');
        }

        if(1>2){
   
            console.log('我是1>2===');
        }else if(4>3){
   
            console.log('我是4>3===');
        }else{
   
            console.log('我是else===');
        }

switch

     switch(传值){
   
        case 1 : 
        条件1执行的代码;
        break;//跳出语句 防止穿透
        case 2 : 
        条件2执行的代码;
        break;//跳出语句 防止穿透
        case 3 : 
        条件3执行的代码;
        break;//跳出语句 防止穿透
        default:
            上述条件都不成立执行的代码块;
            break;
     }

        // switch (5) {
   
        //     case 1: console.log(1); break;
        //     case 2: console.log(2); break;
        //     case 3: console.log(3); break;
        //     default: console.log("都不满足")
        // }
        // 满分100
        //成绩  90》= 优秀
        //成绩  80》= 良好
        //成绩  70》= 及格
        //成绩  60》=  刚好及格

        let num = prompt()
        console.log('num===', num);
        switch (true) {
   
            case num >= 90: console.log('优秀'); break;
            case num >= 80: console.log('良好'); break;
            case num >= 70: console.log('及格'); break;
            case num >= 60: console.log('刚好及格'); break;
            default: console.log("都不满足")
        }

当case后面跟着的是判断语句的时候 相当于true 或者 false 和switch传入的参数进行判断,所以我们只能在switch中也传入true,完成了这个判断。

区别:
如果是牵扯到表达式以及复杂字符或者正则表达式的 都优先使用if
如果是简单数字以及运算符号可以使用switch也可以用if
在switch的最后一个匹配项末尾可以不加break

目录
相关文章
|
4月前
|
JavaScript
JS中Null和Undefined的区别及用法
JS中Null和Undefined的区别及用法
67 1
|
10月前
|
存储 JavaScript 前端开发
JS中return的用法
JS中return的用法
52 0
|
1月前
|
存储 JavaScript 前端开发
js之函数区别
js之函数区别
24 0
|
4月前
|
JavaScript 前端开发 安全
js的作用
js的作用
28 1
|
4月前
|
前端开发 JavaScript
前端 JS 经典:let、const、var 区别
前端 JS 经典:let、const、var 区别
30 0
|
4月前
|
JavaScript 前端开发 开发者
js代码中“use strict” 是什么意思? 使用它的区别是什么
js代码中“use strict” 是什么意思? 使用它的区别是什么
52 1
|
4月前
|
JavaScript 前端开发 开发者
js代码中“use strict” 是什么意思? 使用它的区别是什么?
js代码中“use strict” 是什么意思? 使用它的区别是什么?
57 1
|
4月前
|
JavaScript 前端开发
JS中return的作用是什么
JS中return的作用是什么
42 0
|
4月前
|
JSON JavaScript 前端开发
js中async的作用
js中async的作用
75 0
|
JavaScript 数据格式
你不知道的js中“.“的作用
你不知道的js中“.“的作用