master

分支 (1)

管理

管理

master

java-script
/
Projext
/
流程控制
/
swicth.html

<!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>Switch语句</title>
</head>

<body>
    语法规范：“switch(表达式) { case 值1: 语句1; break; case 值2: 语句2;
    <br>break; case 值3: 语句3; break; default: 语句4; break; }”
    switch语句：是多分支语句，用于判断一个表达式的值，然后执行相应的语句。（可以实现多选一）
    switch语句执行思路：利用表达式的值，来判断执行哪个语句。（简单的来说就是利用我们的表达式的值和case后面的选你选项值进行匹配
    ，若匹配上，就执行case语句，若都没匹配上则执行default里面的语句）
    <!-- <script>
        switch (表达式) {
            case 值1:
                语句1;
                break;
            case 值2:
                语句2;
                break;
            case 值3:
                语句3;
                break;
            default:
                语句4;
                break;
        }
    </script> -->
    <!-- <script>
        switch (3) {
            case 1:
                console.log('1');
                break;
            case 2:
                console.log('2');
                break;
            case 3:
                console.log('3');
                break;
            default:
                console.log('没有匹配上');
                break;
        }
    </script> -->
    <!-- <script>
        //在开发中，表达式经常写成变量，这样可以方便的调用。
        //num 的值  和 case后面的值进行匹配时，“必须是  值  和  数据类型  一致，num === 2 ”
        var num = '2';
        switch (num) {
            case 1:
                console.log('1');
                break;
            case 2:
                console.log('2');
                break;
            case 3:
                console.log('3');
                break;
            default:
                console.log('没有匹配上');
                break;
        }
    </script> -->
    <!-- 案例 -->
    <script>
        var fruits = prompt('请输入水果名称：');
        switch (fruits) {
            case '苹果':
                alert('苹果￥ 5.5');
                break;
            case '香蕉':
                alert('香蕉￥ 6.5');
                break;
            case '西瓜':
                alert('西瓜￥ 7.5');
                break;
            default:
                console.log('暂未定价');
                break;
        }
    </script>
</body>

</html>