首頁 > web前端 > js教程 > javascript中if和switch,==和===區別和聯繫實例詳解

javascript中if和switch,==和===區別和聯繫實例詳解

伊谢尔伦
發布: 2017-07-18 14:46:15
原創
1534 人瀏覽過

這篇文章主要給大家介紹javascript中if和switch,==和===的區別和聯繫,十分的細緻實用

先看一段範例程式碼:


#
var a = '5';
switch (a) {
  case 5:
    console.log('==');
    break;
  case "5":
    console.log('===');
    break;
  default:
}
登入後複製

最後控制台顯示的是===,看來可以放心的用。

1.if和switch

if 是用得最多的,沒什麼太多好說。值得注意的一點是:if 其實和|| 很像,如果if (conditionA){} else {} 中的conditionA為true,然後它執行完else之前的程式碼區塊後就看都不會看else裡面的程式碼。和 || 前面為true的時候後面會被忽略一樣,即便裡面有再多的錯誤。基於這個性質,當然把可能用得最多的程式碼區塊放在前面,減少判斷次數。另一方面,如果有很多的 if 判斷,而且可能執行的次數分佈比較均勻,那麼後面的判斷語句每次都要把前面的判斷一個一個執行完,不利於優化。比較好的做法是將一層判斷語句變成兩層判斷語句,如


if (a > 0 && a <= 1) {
  //do something
} else if (a > 1 && a <= 2) {

} else if (a > 2 && a <= 3) {

} else if (a > 3 && a <= 4) {

} else if (a > 4 && a <= 5) {

} else if (a > 5 && a <= 6) {

}...
登入後複製

變成


if (a > 0 && a <= 4) {
  if (a <= 1) {
    //do something
  } else if (a > 1 && a <= 2) {

  } else if (a > 2 && a <= 3) {

  } else if (a > 3 && a <= 4) {

  }
} else if (a > 4 && a <= 8) {
  //
}..
登入後複製

  雖然前面的每個判斷都多加了一次,但是後面的判斷就都減少了(4-1)*n次,還是滿賺的。忽然覺得這種方式和嵌套循環有點像,循環次數少的放在外面有助於性能優化,如何分成兩層甚至多層就要看具體情況了。

  switch是 if 最親密的戰友,每次 if 忙不過來的時候就來搭把手。 switch和if 互轉估計沒什麼好說的,而且switch和if一樣,都是順序從上往下執行判斷的,有所不同的是if 中的else在switch裡面可不管用,它有自己的小弟:break 。如果沒有遇到break,switch會繼續往下執行,如


var a = 2;
switch (a) {
  case 1:
    console.log("1");
    //break miss
  case 2:
    console.log("2");
  case 3:
    console.log("3");
  default:
    console.log(&#39;no break&#39;);
}
登入後複製

  最後控制台顯示 2,3,no break 。其實蠻好理解,break是提示程式跳出內部執行體到下一個case 判斷,如果沒有了,相當於 if(condition){A}{B},沒有了else,A和B當然都要執行啦。還有兩個小tip,一是switch和case中可以寫任何表達式,如


switch (A + B) {
  case a * b:
    console.log("1");
    break;
  case a / b + c:
    break;
    //...
  default:
    console.log(&#39;no break&#39;);
}
登入後複製

  實際上的比較是(A+B)===( a*b)和(A+B)===(a/b+c)。二是switch有一種特殊的用法,如


switch (true) {
  case condition1:
    //do something
    break;
  case condition2:
    break;
    //...
  default:
    //..
    ;
}
登入後複製

此時switch中的每一個case都會依照順序判斷執行。至於switch(false)?並沒有什麼卵用。

2.==與===

最經典的案例


var a = "5",
  b = 5;
a == b     //true
a === b     //false
var a = "ABC",
  b = "AB" + "C";
a === b     //true
登入後複製

  下面的顯示true的原因其實和string類型不可變是分不開的。表面看起來b只是簡單的拼接一個字串,但其實它已經跟原來的b沒有關係。每一個字串都存在記憶體池中特定的地方,當b="AB"+"C"執行完的時候,字串AB和C就已經被銷毀,而b指向記憶體池中ABC的位置。由於在指向前在記憶體池中發現了字串ABC(因為a引用著它,所以存在),所以b就和a指向同一塊區域,全等判斷相等。如果在b之前沒有任何變數指向字串ABC,那麼記憶體池中沒有,就會在裡面劃一塊地方給ABC,並將b指向ABC。

以上是javascript中if和switch,==和===區別和聯繫實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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