首頁 > web前端 > js教程 > JavaScript中switch用法與注意事項實例詳解

JavaScript中switch用法與注意事項實例詳解

伊谢尔伦
發布: 2017-07-18 14:49:43
原創
1685 人瀏覽過

語法

switch語句的基本語法給予一個expression ,以評估計算幾個不同的語句基於該表達式的值來執行。解釋器檢查對表達式的值的每種情況,直到找到一個匹配。如果沒有匹配,則預設(default)條件將被使用。


switch (expression)
{
 case condition 1: statement(s)
          break;
 case condition 2: statement(s)
          break;
  ...
 case condition n: statement(s)
          break;
 default: statement(s)
}
登入後複製

break語句所指示的解釋器是特定情況下結束。如果它們被省略,則解釋器將繼續在以下每個情況(case)執行每個語句。

我們將解釋break語句在循環控制這一章。
範例:

下面的範例說明了一個基本的while循環:


<script type="text/javascript">
<!--
var grade=&#39;A&#39;;
document.write("Entering switch block<br />");
switch (grade)
{
 case &#39;A&#39;: document.write("Good job<br />");
      break;
 case &#39;B&#39;: document.write("Pretty good<br />");
      break;
 case &#39;C&#39;: document.write("Passed<br />");
      break;
 case &#39;D&#39;: document.write("Not so good<br />");
      break;
 case &#39;F&#39;: document.write("Failed<br />");
      break;
 default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
//-->
</script>
登入後複製

這將產生以下結果:


Entering switch block
Good job
Exiting switch block
登入後複製

範例:

考慮這樣一種情況,如果不使用break語句:


<script type="text/javascript">
<!--
var grade=&#39;A&#39;;
document.write("Entering switch block<br />");
switch (grade)
{
 case &#39;A&#39;: document.write("Good job<br />");
 case &#39;B&#39;: document.write("Pretty good<br />");
 case &#39;C&#39;: document.write("Passed<br />");
 case &#39;D&#39;: document.write("Not so good<br />");
 case &#39;F&#39;: document.write("Failed<br />");
 default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
//-->
</script>
登入後複製

這將產生以下結果:


Entering switch block
Good job
Pretty good
Passed
Not so good
Failed
Unknown grade
Exiting switch block
登入後複製

javascript的switch用法注意事項

<script>
var t_jb51_net = 65;
switch (t_jb51_net) {
case &#39;65&#39;:
alert("字符串65。jb51.net");
break;
}
</script>
登入後複製

你會發現沒有彈出對話框,alert沒有執行。

原因分析:

這裡需要明確的是,switch在判斷的時候使用的是全等號“===”,全等號在比較的時候首先看資料型別是不是一樣的,而在這裡,t_jb51_net是Number型,而'65'是String。

下面的程式碼則對話框會彈出:

<script>
var t_jb51_net = 65;
switch (t_jb51_net) {
case 65:
alert("数字65。jb51.net");
break;
}
</script>
登入後複製

以上是JavaScript中switch用法與注意事項實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板