switch-case分支结构
1.语法
switch(表达式){ // 不是布尔类型:是一个确定的变量
case 值1: // 值1,值2...都是字面量
表达式的结果 === 值1,需要执行的代码
break;
case 值2:
表达式的结果 === 值2,需要执行的代码
break;
case 值3:
表达式的结果 === 值3,需要执行的代码
break;
default:
表达式的结果和上面所有的case后面的值都不全等,则会执行这里的代码
break;
}
2.注意事项
1.表达式的结果要和值一定是全等的关系 ===
2.break作用:结束该switch语句,所以一般情况下要加上,如果不加上则会发生穿透
穿透:从上一个case代码快执行到下一个case代码快
break关键字的作用就是防止穿透
3.default语句可以写在任何地方,可以省略,一般写在最后,这是一种代码规范
switch-case穿透用法
<script> /**合理穿透:当存在多种值需要执行相同代码时使用穿透可以节省代码 * 用户输入某一个月份,告诉用户这个月份属于什么季节 * 12,1,2 冬季 * 3,4,5 春季 * 6,7,8 夏季 * 9,10,11 秋季 */ let month = +prompt("请输入月份"); switch (month){ case 12: case 1: case 2: alert("冬季"); break; case 3: case 4: case 5: alert("春季"); break; case 6: case 7: case 8: alert("夏季"); break; case 9: case 10: case 11: alert("秋季"); break; default: alert("没有这个季节哦"); break; } </script>
三元表达式(重点)
1.运算符根据参与运算的值数量分为一元、二元、三元运算符
一元运算符:只能操作一个值 ++ -- !
二元运算符:操作两个值 1 + 1 1 > 0
三元运算符:操作三个值
2.三元运算符语法
三元运算符: ?:
三元表达式:
表达式?代码1:代码2
1.如果表达式成立则执行代码1,否则执行代码2
2.如果代码1或者代码2有运算结果则三元运算式的结果就是他们其中的一个
三元运算符做的事和if-else类似,只是代码更简洁
三元表达式中:表达式部分永远是条件,最终代表整个结果的不是代码1 就是 代码2
<script> /* 一元运算符:由一个值参与的运算符 : a++ a-- !a 二元运算符: 由两个值参与的运算符 : a + b a > b 三元(三目)运算符:由三个值参与的运算符 */ /* * 三元运算符: ?: * 三元表达式: 表达式?代码1:代码2 * * 1.如果表达式成立则执行代码1,否则执行代码2 * * 2.如果代码1或者代码2有运算结果则三元运算式的结果就是他们其中的一个 * * 三元运算符做的事和if-else类似,只是代码更简洁 */ //案例1: let num1 = 10; num1 > 0 ? console.log('哈哈') : console.log('嘿嘿'); //上面这个三元表达式等价于下面的if - else语句 // if(num1 > 0){ // console.log ( "哈哈" ); // }else{ // console.log ( "嘿嘿" ); // } //案例2:三元表达式一般应用是用来赋值 let num2 = 20; let res2 = num2 > 0 ? num2 + 1 : num2 - 1; console.log ( res2 ); // 21 // 上面这个三元表达式等价于下面的if - else语句 // if(num2 > 0){ // res2 = num2 + 1; // }else{ // res2 = num2 - 1; // } //练习:输出性别 (实际开发中,性别通常会使用一个布尔类型来存储,这样存储效率更高) let name = "海海"; let age = 18; let gender = true; // true男 1 false 女 0 console.log("我的名字是"+name+",我的年龄是"+age+",我是一个"+(gender === true ? "男":"女")+"生"); </script>
三种分支结构语法总结
1.原则上,三种分支结构语句之间可以互转,只不过每一种分支结构语句适用场景不一样
2.if分支结构:适合条件判断
最常用:if-else 两种互斥条件判断
3.switch-case 适合做固定值匹配
4.三元表达式: 比if-else代码更简洁,在项目中最常见