スイッチドア


1週目の学習テーマは자바스크립트 기본です.
私たちの目標はJavaScriptの基本文法を理解することで基礎を固めることです.
私のswitch文、関数/関数式、矢印関数の基本的な知識について説明します.

スイッチゲート


さまざまな場合に特定の変数を比較するための条件文.
コードが複雑になる場合に使用されるif条件文が複数あります.

構文


1つ以上のcase文で構成され、defalutは選択です。

function caseFruits(fruit){
  let quantity;
  switch(fruit){
    case "apple":
      quantity = 1;

    case "orange":
      quantity = 2;

    case "banana":
      quantity = 3;

    default:
      quantity = 0;
  }
  return quantity;
}
console.log(caseFruits("apple"));		// 0
console.log(caseFruits("orange"));		// 0
console.log(caseFruits("banana"));		// 0
console.log(caseFruits());				// 0
関数のパラメータがパラメータであるかどうかにかかわらず、default文の存在はエラーを防止します.
ただし、break文は使用されていないため、quantity값이 모두 0に代入される.

break文を使用すると、switch文の終了時にコードの実行を停止します。

function caseFruits(fruit){
  let quantity;
  switch(fruit){
    case "apple":
      quantity = 1;
      break;

    case "orange":
      quantity = 2;
      break;
    
    case "banana":
      quantity = 3;
      break;

    default:
      quantity = 0;
      break;
      
  }
  return quantity;
}
console.log(caseFruits("apple"));		// 1
console.log(caseFruits("orange"));		// 2
console.log(caseFruits("banana"));		// 3
console.log(caseFruits());				// 0
サンプルコードにcaseでbreak文を追加するのは初めてです.結果は,各場合について量値出力が異なることを示した.
上のコードはif / else if문と表示され、以下のように表示されます.👇
function caseFruits(fruit){
  let quantity;
  
  if(fruit === "apple")  quantity = 1;
  else if (fruit === "orange") quantity = 2;
  else if (fruit === "banana") quantity = 3;
  else quantity = 0;
  
  return quantity;
}
スイッチドアを使うと便利かもしれません.

コードは、同じcaseを複数結合する可能性があります。

function caseFruits(fruit){
  let quantity;
  switch(fruit){
    case "apple":
    case "orange":
      quantity = 1;
      break;
    
    case "banana":
    default:
      quantity = 3;
      break;
      
  }
  return quantity;
}
console.log(caseFruits("apple"));		// 1
console.log(caseFruits("orange"));		// 1
console.log(caseFruits("banana"));		// 3
console.log(caseFruits());				// 3
繰り返したcaseをいくつかのcaseに組み合わせ、バナナまたはパラメータ出力3がなければapple、orangeをパラメータ出力1として導く.
⑪スイッチドアはマッチング/比較により条件を判断するので注意書き.

🌈 n/a.結論


ドアの深さが長くなると、スイッチドアを使うのが簡単になります.ただし,資料型とbreak文とdefault文を正しく使用することに注意する必要がある.
📚 学習の参考資料📚
  • 2.14-スイッチドア
  • JavaScriptスイッチの使用条件