首页 > 代码库 > js里switch的注意事项

js里switch的注意事项

2024-08-20 07:09:43   216人阅读

今天在做练习代码的时候使用switch判断语句，代码如下

<script>
function showUser(sss){
    var shen=sss;
    alert(typeof sss);
    switch (shen)
      {
      case 1:
        x="张三";
        break;
      case 2:
        x="李四";
        break;
      case 3:
        x="王二";
        break;
      case 4:
        x="陈五";
        break;
      }
    document.getElementById("myDiv").innerHTML=x;
}

</script>

<form> 
Select a User:
<select name="users" onchange="showUser(this.value)">
<option value="http://www.mamicode.com/1">Peter Griffin</option>
<option value="http://www.mamicode.com/2">Lois Griffin</option>
<option value="http://www.mamicode.com/3">Glenn Quagmire</option>
<option value="http://www.mamicode.com/4">Joseph Swanson</option>
</select>
</form>

<div id="myDiv"></div>

　　代码很简单，就是通过用户选择来做个判断，之后在myDiv部分显示对应的文字。可是怎么测试都无法正常显示，后经网上查阅知道，在switch里使用的“===”判断，也就是说在判断的同时还要判断参数的类型，经改动后代码可以正常使用了。

改动后的函数代码如下：

function showUser(sss){
    var shen=sss;
    alert(typeof sss);
    switch (shen)
      {
      case "1":
        x="Today it‘s Monday";
        break;
      case "2":
        x="Today it‘s Tuesday";
        break;
      case "3":
        x="Today it‘s Wednesday";
        break;
      case "4":
        x="Today it‘s Thursday";
        break;
      }
    document.getElementById("myDiv").innerHTML=x;
}

　　

js里switch的注意事项


联系
我们