「switch」を「if」に書き直す

次のswitchに対応するif..elseを使用してコードを作成します。

          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構成はよりクリーンでわかりやすいです。