案例12-星期几、分数判断-switch及穿透性的好处

最新推荐文章于 2023-09-12 21:14:57 发布
最新推荐文章于 2023-09-12 21:14:57 发布
阅读量111 收藏
点赞数
分类专栏： 案例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kino2046/article/details/100824777
版权

 

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <input type="text">

    <button>今天是工作日还是休息日?</button>

    <script>

        /*

            1-5

            6-7

        */

        var btn = document.querySelector('button');

        var txt = document.querySelector('input');

        btn.onclick = function(){

            var value = txt.value;

            switch(value){

                case '1':

                case '2':

                case '3':

                case '4':

                case '5':

                    console.log('今天是工作日');

                    break;

                case '6':

                case '7': 

                    console.log('今天是休息日'); 

            }

        }

        /*

            有时候利用这样的穿透性，可以让我们的代码变得更简洁，性能更好

        */

    </script>

</body>

</html>

 


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <input type="text">

    <button>今天是工作日还是休息日?</button>

    <script>

        var btn = document.querySelector('button');

        var txt = document.querySelector('input');

        btn.onclick = function(){

            var value = txt.value;

            switch (value) {

 

                case '1':

                case '2':

                case '3':

 

                case '4':

                case '5':

                    console.log('今天是工作日');

                    break;

                case '6':

                case '7':

                    console.log('今天是休息日');

                    break;

                default:

                    console.log('以上输入的内容有误');

                    break;

            }

            // if(value === '1' || value === '2' ||value === '3'){

            //     console.log('今天是工作日');

            // }else if(value === '6'||value === '7'){

            //     console.log('今天是休息日');

            // }else{

            //     console.log('以上输入的内容有误');

            // }

            /*

                当以上条件都不满足的时候，我们在if语句中可以使用else

                                            在switch语句中可以使用default

                default 可以写在switch中的任何位置，不过推荐写在最下面

                注意：可以使用switch的时候 我们不推荐使用if .. else if..else

 

            */

        }

    </script>

</body>

</html>

 


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <input type="text">

    <button>获取评级</button>

    <script>

        var btn = document.querySelector('button');

        var input = document.querySelector('input');

        btn.onclick = function(){

            var score = input.value;

            /*

                >=90 优秀

                >= 60 良好

                <60 不及格

            */

            // if(score >= 90){

            // }else if(score >= 60){

            // }else if(score < 60 ){

            // }else{

            // }

            /*

                因为score和case后面的value是进行全等的比较的，所以我们不能写score

                又因为score和任何数值进行比较，最后返回的都是布尔值，一旦返回true就说明，

                符合条件，所以在这里，我们直接在switch的括号里面写上最终结果true，

                和case后面的条件进行比较

            */

            switch(true){

                case score >=90 && score <= 100:

                    console.log('优秀');

                    break;

                case score >= 60 && score < 90:

                    console.log('良好');

                    break;

                case score < 60 && score >= 0: 

                    console.log('不及格');

                    break;

                default:

                    console.log('输入的内容有问题');

                    break;

            }

        }

    </script>

</body>

</html>

kino2046
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
switch的穿透性
java后端开发，目前就职于携程，随手记点东西。
07-09 456
switch会从第一个case开始一直执行到break，如果没有break，就会执行到switch语句的末尾。 //没有break的情况 int a = 6; int b = 10; int k = 0; switch (a%b) { case 0: k = a*b; case 1: k = a/b; case 6: k = a+b; ...
switch的“穿透”概念--1.内容穿透；2.无break穿透
毛兔记录：工作小技巧、遇到的一些典型bug、问题汇总、小知识。
07-12 1061
1.内容穿透： import java.lang.*; /* *1.内容穿透，只要case的内容有包含参数字段，就会执行 */ public class demo1{ public static void main（String [] args）{ String A="a"; switch(A){ ca...
switch中的case穿透现象，记得break
qq_44231964的博客
05-18 8609
一、switch基本语法格式 switch(int或者string类型的字面值或者变量){ case int或者string类型的字面值或者变量 :{ java语句; java语句; ..... break;//记得要写## 标题break，不然会穿透 } case int或者string类型的字面值或者变量 :{ java语句; java语句; ..... break;//记得break，不然会穿透 } case int或者string类型的字面值或者变量 :{ java语句;
Java分支结构-if分支，switch分支，switch穿透性
weixin_58618735的博客
10-25 740
Java分支结构-if分支，switch分支
Java：分支结构if，switch，switch穿透性以及案例
m0_68783582的博客
05-13 502
Good good study,day day up~
Java小白StudyDay04--分支结构 Switch结构 for循环结构
走出自己的Java之路
06-03 205
Java小白Stuy04--分支结构 Switch结构 for循环结构一、分支结构1.单分支结构2.多分支结构3.嵌套分支语句4.延伸二、switch结构1.switch判断int类型变量2.switch判断String类型变量三、循环结构1.for循环2，fro循环体加入if判断语句3.嵌套for语句4.拓展9*9乘法表 一、分支结构 1.单分支结构 单分支结构比较简单， if (判断条件){ 符合判断条件后指定的代码} 执行：先判断是否符合条件，如果符合条件，就会执行过大括号里边的代码 。 如果没能
Java--程序流程控制(分支结构 -- if、switch；for)
hjn127000的博客
09-12 529
程序流程控制说白了就是控制程序的执行顺序。而程序流程控制一般分为3种：顺序结构、分支结构、循环结构顺序结构：就是不加任何控制，代码从main方法开始自上而下执行分支结构：就是根据判断条件true和false，有选择性的执行代码，在java语言中提供了两个格式；if 和switch。循环结构：就是控制某一段代码重复执行。在java语言中提供了三种格式；
java全套面试题-20W字
a1571375的博客
08-15 535
java2023高频面试题，20W字有胆你就来
JAVA基础03-1 分支结构if switch结构 for循环结构
weixin_58276266的博客
10-11 144
新手小白学JAVA 分支结构 switch结构 for循环
java代码-用switch循环判断输入的数值是星期几。
07-15
本示例中的代码是用来根据用户输入的数字判断对应的星期几。让我们深入探讨这个话题。 首先，我们知道一周有七天，通常用数字1到7来表示，其中1代表星期一，2代表星期二，以此类推，7代表星期日。在Java中，我们...
aio-switch-updater：多合一Nintendo Switch更新器
02-03
《全面解析：aio-switch-updater——一体化Nintendo Switch更新工具》 在电子游戏领域，Nintendo Switch（简称NS）以其独特的游戏体验和便携性深受玩家喜爱。为了更好地满足用户需求，开发者们推出了各种各样的自制...
ONScripter-jh-Switch:Nintendo Switch的ONScripter-jh
05-05
ONSCripter-jh for Nintendo Switch 简介 ONScripter（Open Source Nscripter ）是一个用来解析NScripter脚本的第三方开源Galgame游戏引擎，可以在多种平台和设备上（Windows，Linux，FreeBSD，Android，iOS，...
433M无线模块的rc-switch库
03-25
rc-switch库是专门为这些433M无线模块设计的一个软件库，它使得Arduino用户可以方便地发送和接收无线信号。 **rc-switch库简介** rc-switch库是一个开源的Arduino库，由Rene Hass开发，主要用于控制433MHz和315MHz...
Ghidra-Switch-Loader:用于Ghidra的Nintendo Switch装载机
05-12
Ghidra开关式装载机Ghidra的加载程序，支持多种Nintendo Switch文件格式。建造确保已将JAVA_HOME设置为JDK 11安装的路径。 将GHIDRA_INSTALL_DIR设置为您的Ghidra安装目录。 可以通过以下方式之一完成此操作： ...
案例25：随机打乱图片
kino2046的博客
03-26 936
<!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>无标题文档</title> <linkrel="styl...
案例6-输入正确的QQ号码
kino2046的博客
09-06 809
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta ...
案例5-九九乘法表-颠倒的
kino2046的博客
09-05 540
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-C...
案例：鼠标滚轮改变div高度
kino2046的博客
04-30 484
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <metahttp-e...
判断星期几jsswitch
最新发布
04-12
判断星期几可以使用switch语句来实现。在大多数编程语言中，星期一到星期日可以用数字1到7来表示，我们可以根据输入的数字使用switch语句来判断对应的星期几。 以下是一个示例代码： ``` int day = 3; // 假设输入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值