JavaScript中的switch详解-Toy模板网

这篇具有很好参考价值的文章主要介绍了JavaScript中的switch详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

switch 语句用来选择多个需被执行的代码块之一。

1. 语法

switch(表达式) {
  case n:
    代码块
      break;
  case n:
      代码块
      break;
  default:
      默认代码块
}

2. 代码解释

计算一次 switch 表达式
把表达式的值与每个 case 的值进行对比
如果存在匹配，则执行关联代码

3. break 关键词

如果 JavaScript 遇到 break 关键词，它会跳出 switch 代码块。不必中断 switch 代码块中的最后一个 case。代码块在此处会自然结束。

4. default 关键词

default 关键词规定不存在 case 匹配时所运行的代码。

default 不必是 switch 代码块中最后一个 case。
如果 default 不是 switch 代码块中最后一个 case，请记得用 break 结束默认 case。
default 是可选的，并非必不可少（虽然惯例如此）。break 相关规则对 default 仍
然适用。

5. 严格的比较

Switch case 使用严格比较（===）。值必须与要匹配的类型相同。只有操作数属于同一类型时，严格比较才能为 true。文章来源地址https://www.toymoban.com/news/detail-420157.html

function demo(param) {
    switch (param) {
        case '1':
            console.log('1')
            break
        case '2':
            console.log('2')
            break
        default:
            console.log('default')
    }
}

demo('2') // 2
demo(2) // default
demo(new String('2')) // default

let o1 = {}
let o2 = {}
let o3 = {}
let o4 = o3

function demo (o) {
    switch (o) {
        case o1:
            console.log('o1')
            break
        case o2:
            console.log('o2')
            break
        case o3:
            console.log('o3')
            break
        default:
            console.log('default')
    }
}
    
demo(o1) // o1
demo(o3) // o3
demo(o4) // o3

6. case后接表达式

function demo (param) {
    switch (true) {
        case param == '1':
            console.log('1')
            break
        case param == '2':
            console.log('2')
            break
        default:
            console.log('default')
    }
}

demo (1) // 1
demo ('1') // 1
demo (2) // 2

function demo () {
    switch (3) {
        case 1 + 1:
            console.log('1 + 1')
            break
        case 1 + 2:
            console.log('1 + 2')
            break
        case 1 + 3:
            console.log('1 + 3')
            break
        default:
            console.log('default')
    }
}

demo() // 1 + 2

function demo (a, b) {
    switch (a) {
        case b + 1:
            console.log('b + 1')
            break
        case b + 2:
            console.log('b + 2')
            break
        case b + 3:
            console.log('b + 3')
            break
        default:
            console.log('default')
    }
}

demo(3, 1) // b + 2
demo(4, 1) // b + 3
demo(4, 2) // b + 2
demo(4, 4) // default

7. 表达式中的严格相等

function demo () {
    let a = 'hello'
    let b = '10'

    switch (true) {
        case (a || b == 10):
            console.log('1')
            break
        default:
            console.log('default')
    }
}

// a || b == 10 的值为 hello，和 true 不严格相等
demo() // default

function demo () {
    let a = 'hello'
    let b = '10'

    switch (true) {
        case !!(a || b == 10):
            console.log('1')
            break
        default:
            console.log('default')
    }
}

demo() // 1