JS基础之if语句和switch语句

一、if语句

1、单分支结构

语法：if (条件) { 语句块 }

执行：如果条件（true）执行语句块、条件（false）就不执行语句块

例：如果你年龄够18岁，你就可以出国啦。

代码：

        let age = 23;
        if (age >= 18) {
            document.write('可以出国');
        }

2、双分支结构

语法：if (条件) { 语句块1 } else { 语句块2 }

执行：如果条件(true)就执行语句块1，否则条件（false）执行语句块2

代码：

        let age = 6;
        if (age >= 18) {
            document.write('可以出国玩');
        } else {
            document.write('先回家多吃饭快点长大');
        }

3、多分支结构

语法：

            if (条件1) { 语句块1 }

            else if (条件2) { 语句块2 }

            else if (条件3) { 语句块3 }

            ...

            else { 语句块4 }

执行：

            判断条件1（true）==> 执行语句块1

            条件1（false）==> 条件2（true）==>执行语句块2

            条件1、条件2（false）==>条件3(true)==>语句块3

            所有条件都不满足，那么就会执行else后面的语句块4

例：根据用户输入的分数，判断是否及格（0~60），及格（60~70），中等（70~80），良好（80~90），优秀（90~100）。

            let score = prompt('请输入分数');
             if ( score >= 90 ) {
                alert('优秀');
            } else if ( score >= 80 ) {
                alert('良好');
            } else if ( score >= 70 ) {
                alert('中等');
            } else if ( score >= 60 ) {
                alert('及格');
            } else {
                alert('不及格')
            }

结果：

二、switch语句

语法：

            switch ( 变量 ) {
                case 值1:
                    语句;
                    break;
                case 值2:
                    语句;
                    break;
                case 值3:
                    语句;
                    break;
                ...
                default:
                    语句;
                    break;
             }

执行：

        变量和值1：如果全等，那么就会执行case值1后面的语句；break；跳出

        变量和值1不全等，那么会查看变量和值2是全等，如果全等，就执行case值2后面的代码

        变量和值1值2都不全等，继续比较值3，如果全等，执行case值3后面的语句块，

        假如前面的所有值和变量都不全等，那么就执行default后面的语句

例：输入数字转换为星期几

       let num = Number( prompt('请输入数字')  );
        
        switch ( num ) {
            case 1:
                document.write('星期一');
                break;
            case 2:
                document.write('星期二');
                break;
            case 3:
                document.write('星期三');
                break;
            case 4:
                document.write('星期四');
                break;
            case 5:
                document.write('星期五');
                break;
            case 6:
                document.write('星期六');
                break;
            default:
                document.write('星期日');
                break;
        }