HTML之JavaScript分支结构

HTML之JavaScript分支结构

if switch

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            if 
                if(表达式){
                    语句1;
                }eles if(){
                    语句2;
                }else{
                    语句3;
                }
                1.非空字符串('xxx')会判断为true,空字符('')串会判断为false
                2.非空对象 会判断为true,null和undefined会判断为false
                3.非0的number会判断为true,0会判断为false

            switch 跟Java语法一样(跟C语言也没啥逻辑区别)
                switch(表达式){
                    case 值1:
                        语句1;
                        break;
                    case 值2:
                        语句2;
                        break;
                    case 值3:
                        语句3;
                        break;
                    default:
                        语句4;
                        break;
                }
         */
        if ("false") {
            console.log('true');
        } else {
            console.log('false');
        }
        //根据月份输出季节
        var month = prompt('请输入月份');//弹窗输入 返回结果为用户在窗口上输入的值,以string类型返回
        console.log(typeof month);
        month = Number.parseInt(month);//将字符串转换为数字
        console.log(typeof month);
        if (month >= 3 && month <= 5) {
            console.log('春季');
        } else if (month == 6 || month == 7 || month == 8) {
            console.log('夏季');
        } else if (month == 9 || month == 10 || month == 11) {
            console.log('秋季');
        } else if (month == 12 || month == 1 || month == 2) {
            console.log('冬季');
        } else {
            console.log('输入错误');
        }
        switch (month) {
            case 3:
            case 4://条件穿透 跟Java一样
            case 5:
                console.log('春季');
                break;
            case 6:
            case 7:
            case 8:
                console.log('夏季');
                break;
            case 9:
            case 10:
            case 11:
                console.log('秋季');
                break;
            case 12:
            case 1:
            case 2:
                console.log('冬季');
                break;
            default:
                console.log('输入错误');
                break;
        }
    </script>
</head>

<body>

</body>

</html>
相关推荐
excel5 小时前
ES6 中函数的双重调用方式:fn() 与 fn\...``
前端
可乐爱宅着5 小时前
全栈框架next.js入手指南
前端·next.js
你的人类朋友6 小时前
什么是API签名?
前端·后端·安全
会豪8 小时前
Electron-Vite (一)快速构建桌面应用
前端
中微子8 小时前
React 执行阶段与渲染机制详解(基于 React 18+ 官方文档)
前端
唐某人丶8 小时前
教你如何用 JS 实现 Agent 系统(2)—— 开发 ReAct 版本的“深度搜索”
前端·人工智能·aigc
中微子8 小时前
深入剖析 useState产生的 setState的完整执行流程
前端
遂心_9 小时前
JavaScript 函数参数传递机制:一道经典面试题解析
前端·javascript
小徐_23339 小时前
uni-app vue3 也能使用 Echarts?Wot Starter 是这样做的!
前端·uni-app·echarts
RoyLin9 小时前
TypeScript设计模式:适配器模式
前端·后端·node.js