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>

猜你喜欢

转载自blog.csdn.net/wyhwlls/article/details/84327569
今日推荐