JavaScript 选择结构-if语句等

目录

If 语句

语法：

实例 1

实例 2

If...else 语句

语法：

实例

If...else if...else 语句

语法：

实例：

Switch语句

语法：

实例：

---

If 语句

如果希望指定的条件成立时执行代码，就可以使用这个语句。

语法：

if (条件)
{
条件成立时执行代码
} 

注意：请使用小写字母。使用大写的 IF 会出错！

实例 1

如果现在的时间在10点之前，就输出早上好

<script>

    //Write a "Good morning" greeting if
    //the time is less than 10

    var d=new Date()
    var time=d.getHours()

    if
    (time<10)
    {
        document.write("<b>Good morning</b>")
    }

</script>

实例 2

如果时间是11点，就输出午餐时间！

<script>
    //Write "Lunch-time!" if the time is 11

    var d=new Date()
    var time=d.getHours()

    if
    (time==11)
    {
        document.write("<b>Lunch-time!</b>")
    }
</script>

注意：请使用双等号 (==) 来比较变量！

注意：在语法中没有 else。仅仅当条件为 true 时，代码才会执行。

If...else 语句

如果希望条件成立时执行一段代码，而条件不成立时执行另一段代码，那么可以使用 if....else 语句。

语法：

if
(条件)
{
条件成立时执行此代码
}

else
{
条件不成立时执行此代码
}

实例

如果时间早于10点，就输出Good morning!；否则输出Good day!

<script>
    //If the time is less than 10,
    //you will get a "Good morning" greeting.
    //Otherwise you will get a "Good day" greeting.

    var d = new Date()
    var time = d.getHours()

    if
    (time < 10)
    {
        document.write("Good morning!")
    }
    else

    {
        document.write("Good day!")
    }
</script>

If...else if...else 语句

当需要选择多套代码中的一套来运行时，请使用 if....else if...else 语句。

语法：

if
 (条件1)
{
条件1成立时执行代码
}
else if
 (条件2)
{
条件2成立时执行代码
}
else
{
条件1和条件2均不成立时执行代码
}

实例：

如果时间早于10点，就输出Good morning；如果时间晚于10点而且早于16点，就输出Good day；

如果以上条件都不满足，就输出Hello World!

<script>

    var d = new Date()
    var time = d.getHours()

    if
    (time<10)
    {
        document.write("<b>Good morning</b>")
    }
    else if
    (time>10 && time<16)
    {
        document.write("<b>Good day</b>")
    }
    else

    {
        document.write("<b>Hello World!</b>")
    }
</script>

Switch语句

如果希望选择执行若干代码块中的一个，你可以使用 switch 语句：

语法：

switch(n)
{
case 1:
执行代码块 1
break

case 2:
执行代码块 2
break

default:
如果n即不是1也不是2，则执行此代码
}

工作原理：switch 后面的 (n) 可以是表达式，也可以（并通常）是变量。然后表达式中的值会与 case 中的数字作比较，如果与某个 case 相匹配，那么其后的代码就会被执行。break 的作用是防止代码自动执行到下一行。

实例：

如果今天是星期五，则输出Finally Friday；如果今天是星期六，则输出Super Saturday；

如果今天是星期天，则输出Sleepy Sunday；如果都不满足，则输出，I'm looking forward to this weekend!

<script>
    //You will receive a different greeting based
    //on what day it is. Note that Sunday=0,
    //Monday=1, Tuesday=2, etc.

    var d = new Date()
    theDay = d.getDay()

    switch (theDay) {

        case 5:

            document.write("Finally Friday")

            break


        case 6:

            document.write("Super Saturday")

            break


        case 0:

            document.write("Sleepy Sunday")

            break


        default:

            document.write("I'm looking forward to this weekend!")
    }
</script>