1. 程式人生 > >JavaScript判斷else if、switch、三元運算子

JavaScript判斷else if、switch、三元運算子

三目運算,如:(a==b)?a:b
也就是說,先判斷a是否等於b,如果是(true),那麼返回a,如果否(false),則返回b

<html>
<head>
<script>
function myFun()
{
    var x, y=3, z="3";
    x = (3==3)?100:0;
    document.getElementById("demo").innerHTML=x;
}
</script>
</head>
<body>
<h1>
<p id="demo">This is Parageraph.</p>
<button type = "button" onclick="myFun()"> push me!!!</button>
</h1>
</body>
</html>

如果是多個else if的話,只要第一個if條件成立,即使滿足else if的條件也不會執行else if及else的內容,如果是多個if的話,最後的else會執行的;else與最近的if匹配,包括else if 的if,if與多個else if是分枝情況。只執行其中一條程式碼,if與多個if是並列情況,會順序執行

多個if會順序執行,最後的else與最近的if匹配

if與多個else if,只會執行其中一個條件,所以只打印一個結果

https://blog.csdn.net/cd520yy/article/details/49533217

<script>
function myFun()
{
    var x, y=1;
    if (y==3)
    {
        x = "雞雞";
    }
    else if (y==4)
    {
        x = "蛋蛋";
    }
    else
    {
        x = "毛毛";
    }
    document.getElementById("demo").innerHTML=x;
}
</script>
<p id="demo">This is Parageraph.</p>
<button type = "button" onclick="myFun()"> push me!!!</button>

 

switch工作原理:首先設定表示式 n(通常是一個變數)。隨後表示式的值會與結構中的每個 case 的值做比較。如果存在匹配,則與該 case 關聯的程式碼塊會被執行。請使用 break 來阻止程式碼自動地向下一個 case 執行。

<script>
function myFun()
{
    var x, y=4;
    switch(y)
    {
    case 3:
        x = "雞雞";
        break;
    case 4:
        x = "蛋蛋";
        break;
    default:
        x = "毛毛";
    }
    document.getElementById("demo").innerHTML=x;
}
</script>