js中switch语句中case值可以表示一个范围。
1、打开浏览器的控制台,在控制台中定义一个函数,函数中使用switch命令,case后面的条件是一个范围:
2、调用函数,函数的参数值为“90”,由于“90”大于“80”,所以函数返回“优秀”:
3、调用函数,函数的参数值为“59”,由于“59”大于“0”,所以函数返回“不及格”:
关于switch的用法,其实也就是类似if else的另外一种用法而已
具体的运行逻辑就是,
首先计算switch后边括号里面的表达式,得出一个值,
然后在机选每个case后边的表达式,进行对比,如果相等,就执行case冒号后边的逻辑,否则就计算下一个case后边的表达式
如果计算的case里面包含了break语句,则会跳出switch的语句
如果switch里面包含default语句,则不管switch计算的值是否与case里面的值匹配,都会执行,除非遇到break语句跳出
case后边可以包含的语法就是一个正常的表达式,不一定是个常量,只要是正确的js表达式,都可以的
举个例子吧:
var id = 2var s = 1
switch(id){//计算id的值
case 2://计算常量
alert('2 true')
case 1 + 1://计算数字相加
alert('1 + 1 true')
case 1 * 2://计算数字相乘
alert('1 * 2 true')
case s * 2://计算变量
alert('s * 2 true')
default : //默认执行
alert('default')
}
//具体的执行,就是这样
//1. 计算switch小括号里面的表达式,得出结果a
//2. 计算case后边的表达式,得出结果b
//3. 进行验证 a === b 如果相等,则执行case,否则跳过这个case,继续2步骤
//4. 强制中断switch语句可以用return , break这俩个关键字在case后边的执行语句里,
// 可以跳出switch的验证
//然后加上break语句
//这样,只要有一次可以匹配通过,就会跳出其他的判断条件和if else if else 差不多
switch(id){//计算id的值
case 2://计算常量
alert('2 true')
break
case 1 + 1://计算数字相加
alert('1 + 1 true')
break
case 1 * 2://计算数字相乘
alert('1 * 2 true')
return //return也可以中断switch的case,并且会将整个方法中断
case s * 2://计算变量
alert('s * 2 true')
break
default : //默认执行
alert('default')
}
//一个简单的例子
function type(obj){
switch(typeof obj){
case 'string' :
return 'string'
case 'function':
return 'function'
case 'object':
return 'object'
case 'number':
return 'number'
}
}
alert(type('字符串'))
都能写出不同的条件下,执行不同的语句程序。如果多种可能的条件,但相对而言,使用switch...case会更简洁直观,当然使用If...else if ...else也可以写出来,if语句中,复杂的条件表式更容易写。 不过两者还有个区别的,比如: <script>var num=91if(num>60){ document.write ("及格<br>")} else if(num>80){ document.write ("良<br>")} else{ document.write ("优<br>")} 输出的结果是: 及格 就是说当前一个条件满足的情况下,立即执行分支语句并退出,之后的将不再执行。 var num=91switch(true){ case num>60: document.write ("及格<br>")case num>80: document.write ("良<br>")case num>90: document.write ("优<br>")} 输出的结果是: 及格 良 优 就是说每个满足条件和分支语句都被执行,如果要和if...else...一样,需在各分支语句后加break。 如果这些差别都已经了解了,要选择哪种方式,就看你的了。