JavaScriptSwitch条件付き

JavaScript SwitchConditionalの基本を学ぶ

アンif/else選択するオプションがいくつかある場合、ステートメントは素晴らしいです。

しかし、それらが多すぎると、やり過ぎかもしれません。コードが複雑になりすぎます。

この場合、あなたは使用したいかもしれませんswitch条件付き:

switch(<expression>) {
  //cases
}

式の結果に基づいて、JavaScriptは次の1つの特定のケースをトリガーします。

const a = 2
switch(a) {
  case 1:
    //handle case a is 1
    break
  case 2:
    //handle case a is 2
    break
  case 3:
    //handle case a is 3
    break
}

追加する必要がありますbreak各ケースの下部にあるステートメント。それ以外の場合、JavaScriptは次のケースでもコードを実行します(これは便利な場合もありますが、バグに注意してください)。関数内で使用する場合、スイッチが戻り値を定義する場合、breakあなたはただ使うことができますreturn

const doSomething = (a) => {
  switch(a) {
    case 1:
      //handle case a is 1
      return 'handled 1'
    case 2:
      //handle case a is 2
      return 'handled 2'
    case 3:
      //handle case a is 3
      return 'handled 3'
  }
}

あなたは提供することができますdefault式の結果を処理するケースがない場合に呼び出される特殊なケース:

const a = 2
switch(a) {
  case 1:
    //handle case a is 1
    break
  case 2:
    //handle case a is 2
    break
  case 3:
    //handle case a is 3
    break
  default:
    //handle all other cases
    break
}

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のjsチュートリアル: