<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>分支流程控制switch语句</title>
<script>
// switch(2){//switch拿着表达式的值和case的值相匹配
// case 1:
// console.log('这是1');
// break;
// case 2:
// console.log('这是2');
// break;
// case 3:
// console.log('这是3');
// break;
// case 4:
// console.log('这是4');
// break;
// default:
// console.log('没有匹配结果');
//}
// 案例:查询水果,
// 用户在弹出框里面输入一个水果,如果有就弹出该水果的价格
// 如果没有该水果,就弹出'没有此水果'
var fruit = prompt('请输入一种水果:');
switch (fruit){
case '苹果'://表达式的值必须和value的值完全匹配(为字符串)
alert('苹果20/kg' + fruit);
break;
case '香蕉':
alert('香蕉32/kg' + fruit);
break;
case '榴莲':
alert('榴莲56/kg' + fruit);
break;
default:
alert('没有此水果' + fruit);
break;
}
// var num = prompt('请输入喜爱的水果');
// switch(num){
// case '苹果':
// alert('您喜欢吃' + num);
// break; //一定要添加break 不然会有穿透效果
// case '香蕉':
// alert('您喜欢吃' + num);
// break;
// case '草莓':
// alert('您喜欢吃' + num);
// break;
// default: //默认的上面都找不到
// alert('没有你爱吃的' + num);
// break;
// }
</script>
</head>
<body>
</body>
</html>
<!-- switch语句(switch语句也是多分支语句,它用于基于不同
的条件来执行不同地代码,党要针对变量设置一系列的特定值的
选项时,就可以使用switch)//switch语句拿着表达式的值与value的值相匹配
switch执行效率高于if else
1.语法结构:switch(表达式){
case value1:
执行语句1;
break;
case value2:
执行语句2;
break;
default:
执行最后的语句;
}
PS: 1.开发中常将表达式的值换为变量
例如:var num = 3;
switch(num)
{
case value:
break;
}
2.switch 语句执行效率高的原因是表达式的值和value的值作匹配,
匹配成功之直接结束,适用于情况明确,不适用于范围。
3.var num = 3;
switch(num)
{
case 1:
console.log(1);
break;
}
4.表达式的值和case 的值(value)相匹配时,是全等的(即必须是值和类型一致),
换句话说,将num=3,变为num='3',(即变成为字符串),则将无法匹配。
5.如果当前的case 里面没有break,则不会退出switch,而是继续执行下一个case,直到遇到break 或者default.
switch 语句与if else if 语句的区别
1.一般情况下,这两个语句可以相互互换
2.switch case 语句通常处理case 为比较确定值的情况,而if else语句更加灵活,常用与范围判断
3.swith语句进行条件判断后直接执行到程序的条件语句,效率更高,而if else 语句有几种条件,就要判断几次
4.当分支比较少时,if else 语句的执行效率比switch语句高。
5.当分支比较多时,switch语句的执行效率比较高,而且结构更清晰。
-->
JS学习之switch语句
最新推荐文章于 2023-02-21 11:04:25 发布