Javascript 单分支、双分支和多分支语句

分支语句/选择语句/条件语句:根据不同的选择 ,执行不同的内容。

单分支

单分支语法:

if(判断的条件){
	执行语句;(判断条件为true的时候执行)
}

双分支分支语法:

if(判断的条件){
	执行语句;(判断条件为true的时候执行)
}else{
	执行语句;(判断条件为false的时候执行)
}
注意:if()里面的可以写任何的表达式,都会自动数据类型转化成布尔值。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单分支和双分支语句</title>
    <script>
        /*单分支*/
        var number1=6;
        if (number1%2==0){
            console.log("偶数")
        }
        /*多分支*/
        var number=5;
        if (number%2==0){
            console.log("偶数")
        }else {
            console.log("奇数")
        }
    </script>
</head>
<body>

</body>
</html>

效果图

Javascript 单分支、双分支和多分支语句_第1张图片

实战

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript单分支和双分支语句 实战</title>
    <script>
        /*判断两个数谁最大*/
        var number1=30,number2=20;
        if (number1>number2){
            console.log("最大数是"+number1)
        }else {
            console.log("最大数是"+number2)
        }
        /*判断一个年份是闰年还是平年
        * 提示:能被4整除而且不能被100整除,或者400整除是闰年*/
        var year=2019;
        if (year%4==0&&year%100!=0||year%400==0){
            console.log("这一年是闰年"+year)
        }else {
            console.log("这一年是平年"+year)
        }

    </script>
</head>
<body>

</body>
</html>

效果图

Javascript 单分支、双分支和多分支语句_第2张图片

多分支

多分支语法:

if(表达式1){
	执行语句1
}else if(表达式2){
	执行语句2
}else if(表达式3){
	执行语句3
}else{
}
执行过程 从上往下,满足哪个条件就执行其相对应的语句,都不满足时,执行最后的else的语句,只能进入其中之一

实战

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多分支</title>
    <script>
        /*成绩评定
        * 大于85 优秀
        * 大于等于75小于等于85 良好
        * 大于等于60小于75 及格
        * 小于60 不及格
        * */
        var grade=84;
        if(grade>85){
            console.log("优秀")
        }else if(grade>=75&& grade<=85) {
            console.log("良好")
        } else if(grade>=60&& grade<75) {
            console.log("及格")
        }else {
            console.log("不及格")
        }
    </script>
</head>
<body>

</body>
</html>

效果图

Javascript 单分支、双分支和多分支语句_第3张图片

switch 语句

语法:

 switch(n)
 {
 case 1:
  执行代码块 1
 break;
 case 2:
  执行代码块 2
 break;
 default:
 n 与 case 1case 2 不同时执行的代码
 }

实战

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多分支</title>
    <script>
        /*成绩评定
        * 大于85 优秀
        * 大于等于75小于等于85 良好
        * 大于等于60小于75 及格
        * 小于60 不及格
        * */
        var grade=84;
        if(grade>85){
            console.log("优秀")
        }else if(grade>=75&& grade<=85) {
            console.log("良好")
        } else if(grade>=60&& grade<75) {
            console.log("及格")
        }else {
            console.log("不及格")
        }
        /*显示今天的星期名称。请注意 Sunday=0, Monday=1, Tuesday=2, 等等:*/
        var x;
        var d=new Date().getDay();
        switch (d)
        {
            case 0:x="今天是星期日";
                break;
            case 1:x="今天是星期一";
                break;
            case 2:x="今天是星期二";
                break;
            case 3:x="今天是星期三";
                break;
            case 4:x="今天是星期四";
                break;
            case 5:x="今天是星期五";
                break;
            case 6:x="今天是星期六";
                break;
        }
        console.log(x)

    </script>
</head>
<body>

</body>
</html>

效果图

Javascript 单分支、双分支和多分支语句_第4张图片

你可能感兴趣的:(JavaScript)