返回課程

將「switch」改寫成「if」

重要性:5

使用 if..else 編寫對應下列 switch 的程式碼

switch (browser) {
  case 'Edge':
    alert( "You've got the Edge!" );
    break;

  case 'Chrome':
  case 'Firefox':
  case 'Safari':
  case 'Opera':
    alert( 'Okay we support these browsers too' );
    break;

  default:
    alert( 'We hope that this page looks ok!' );
}

若要精確符合 switch 的功能,if 必須使用嚴格比較 '==='

不過,對於給定的字串,簡單的 '==' 也能運作。

if(browser == 'Edge') {
  alert("You've got the Edge!");
} else if (browser == 'Chrome'
 || browser == 'Firefox'
 || browser == 'Safari'
 || browser == 'Opera') {
  alert( 'Okay we support these browsers too' );
} else {
  alert( 'We hope that this page looks ok!' );
}

請注意:結構 browser == 'Chrome' || browser == 'Firefox' … 會拆分成多行,以提高可讀性。

switch 結構仍然更簡潔且更具描述性。