JavaScript条件判断if 语句

合集 - web前端(29)

1.1-web前端 基础标签 、图片、超链接2023-09-192.2-web前端 音频、视频、表格、表单2023-09-193.3-web前端 css 网页样式语言，基础语言、盒子模型、浮动2023-09-194.5-web前端 定位position2023-09-195.6-web前端的特效 平面转换transfrom2023-09-196.7-web前端 空间转换，3D效果2023-09-197.8-web前端 动画 案例2023-09-198.9-web前端 flex弹性布局2023-09-199.10-JavaScript 点击事件 随机点名器2023-09-2010.11-JavaScript 逻辑条件 ，if判断 ，while循环，算数运算相关的案例演示2023-09-2311.12-web前端轮播图案例 （小米商城）2023-09-2712.css字体样式2023-10-0813.css样式对单行和多行文本的隐藏2023-10-1014.css伪类和伪元素2023-10-1215.web前端html+css页面内容的六种隐藏方式2023-10-1616.JavaScript的基础语法和数据类型2023-10-2617.JavaScript 数组Array存储方式及对象Object2023-10-2718.JavaScript数据类型的转换2023-10-3019.JavaScript运算符及优先级2023-10-31

20.JavaScript条件判断if 语句2023-11-01

21.JavaScript for循环控制语句2023-11-0222.JavaScript 其他循环语句和跳转语句2023-11-0323.JavaScript 函数、函数构造、函数调用、参数、函数返回值、变量的作用域、预解析2023-11-0424.JavaScript函数变量的生命周期，自执行函数、闭包、反转数组案例及冒泡排序案例2023-11-0425.JavaScript Array对象（属性、方法） 留言板案例2023-11-0426.JavaScript string对象（属性，方法）获取图片后缀案例 输入和输出结果转换形式案例2023-11-0727.JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历2023-11-1328.JavaScript事件 2023-11-1829.JavaScript BOM对象2023-11-18

收起

一、if语句的分支

分类：单分支，双分支，多分支，分支嵌套

()中可以是一个值，也可以是一个表达式

// 单分支
if (条件表达式){
   代码段
}
// 双分支
if (条件表达式) {
    代码段1 
}else {
   代码段2
}
// 多分支
if (条件表达式1){
    代码段1
} else if (条件表达式2){
   代码段2
} else if (条件表达式3){
   代码段3
}else{
    代码段4
}

案例：

      //1.考驾照的年龄需要在18岁到70岁，不满足条件提示不符合
        var year = parseInt(prompt('请输入您的年龄'))
        if((year<18 || year>70) && year>0){
            console.log('您的年龄不符合考驾照');
        }

//2.公园票价，浏览器接收：老人，成人，小孩，老人提示免票，成人中性别“男”为100，“女”为80，小孩为同性别成人的半票
        var gender = prompt('请输入您的性别');
        var year = parseInt(prompt('请输入您的年龄'));

        if(gender==='男') {
            if ((year >= 0 && year < 6) || year >= 60) {
                console.log('老人儿童免票');
            } else if (year > 6 && year <= 12) {
                console.log('小孩50元票价');
            } else {
                console.log('成年人 票价100元');
            }
        }else if(gender === '女'){
            if ((year >= 0 && year < 6) || year >= 60) {
                console.log('老人儿童免票');
            } else if (year > 6 && year <= 12) {
                console.log('小孩50元票价');
            } else {
                console.log('成年人 票价80元');
            }
        }else{
            console.log('输入格式错误');
        }

二、switch

（）只能是变量或值，不能是表达式

switch (变量){
  case 值1: 
  代码段;
       break;
  case 值2: 
  代码段;
       break;
  ...
  default: 
  代码段;
}

案例：

var d = new Date();
console.log(d); // 获取日期时间对象
var week = d.getDay(); // 获取星期几
switch (week) {
  case 0:
    console.log('星期天');
    break;
  case 1: 
    console.log('星期一');
    break;
  case 2:
    console.log('星期二');
    break;
  case 3:
    console.log('星期三');
    break;
  case 4:
    console.log('星期四');
    break;
  case 5:
    console.log('星期五');
    break;
  case 6:
    console.log('星期六');
    break;
}

break必须添加，否则会继续往下执行

问题：什么时候用if，什么时候用switch

if：条件是一个范围 或者 是具体的值

switch：条件是一个具体的值

能够使用switch实现的判断，都可以使用if来实现 但是，能够使用if语句实现的判断，不一定能使用switch实现

三、switch和if 语句的合成案例

 //3.会员等级：1代表金牌会员，2是银牌会员，3是铜牌会员，4是普通会员，四种会员进店消费xxx元，其中普通会员无折扣，会员享受9折，如消费满1000元，金牌会员享受6折，银牌会员销售7折，铜牌会员享受8折。浏览器接收会员等级和消费金额，输出折后金额
        var user = parseInt(prompt('请输入您的会员等级，1代表金牌会员，2是银牌会员，3是铜牌会员,非会员不需要填入此项'))
        var money = parseFloat(prompt('请输入消费的金额'))
        switch (user) {
            case 1:
                console.log('尊敬的金牌会员');
                break;
            case 2:
                console.log('尊敬的银牌会员');
                break;
            case 3:
                console.log('尊敬的桐牌会员');
                break;
            default:
                console.log('普通会员');
        }
        if (money >= 1000) {
            if (user == 1) {
                console.log('会员折算后' + (money * 0.6));
            } else if (user == 2) {
                console.log('会员折算后' + (money * 0.7));
            } else if (user == 3) {
                console.log('会员折算后' + (money * 0.8));
            }else{
                console.log('您此次消费' + money);
            }
            console.log('您此次消费' + money);
        } else if (money >= 0 && money < 1000) {
            if (user == 1 ,2,3) {
                console.log('您此次消费' + money);
                console.log('会员折算后' + (money * 0.9));
            }else{
                console.log('您此次消费' + money);
            }
        }else{
            console.log('请检查您的格式是否输入错误');
        }