JavaScriptフロー制御-分岐文

7371 ワード
JavaScriptの基礎
転載は先見を明記してください.https://my.csdn.net/
原文の住所:https://blog.csdn.net/weixin_42787326/articale/detail/81291776
JavaScriptフロー制御-分岐文
目次
JavaScriptフロー制御-分岐文
1.フロー制御:3つの方法があります.
2.分岐文のif文:主にコードを見ると判断します.
3.分岐文のif-else文(二つの分岐は一つの分岐のみ実行)コードを見てください.
4.分岐文の3元表現はコードを見ます.
5.分岐文のif-else if文はコードを見る
6.分岐文のswitch-case文はコードを見る
7.分岐文のまとめ
 
1.フロー制御:3つの方法があります.
＊1.シーケンス構造:上から下まで、左から右にかけて実行される順序をシーケンス構造といいます.
*2.分岐構造:if文、if-else文、if-else if...文、switch-case文、三元表現文
*3.循環構造:whileサイクル、do-whileサイクル、forサイクル、後期にもう一つのfor-iサイクルがあります.
 
2.分岐文のif文:主にコードを見ると判断します.
*   :

* if(   ){

*    

* }
*実行プロセス:まず式の結果がtrueかfalseかを判断し、trueであればコードブロックを実行します.falseであれば、大かっこのコードは実行されません.
 
＊例:
*1.8が6より大きい場合は8を出力してください.他の数字より大きい場合は大きな数字を出力します.
*2.蘇さんは18歳より年上ですか?大人なら、ヒントとして、映画が見られます.
*3.質問:楊さんはハンサムではないです.出力は本当にかっこいいです.
//  1:
var num1=10;
var num2=100;
if(num1>num2){
  console.log(num1);
}

//  2
var age=19;
if(age>=18){
  console.log("      ,  ...");
}

//  3:
var str=" ";
if(str==" "){
  console.log("    ");
}
 
3.分岐文のif-else文(二つの分岐は一つの分岐のみ実行)コードを見てください.
*  :

* if(   ){

*   1

* }else{

*   2

* }
*実行プロセス:式の結果がtrueであればコード1を実行します.表式の結果がfalseであればコード2を実行します.

//  : ；           ,         ,     ,  ；      

//    ,    
var age = 100;
//  
if (age >= 18) {
  console.log("      ,  ...");
} else {
  console.log("    ,      ");
}


//         ----
var age=prompt("        ");//  ---     ,      age   
console.log(age);//            



  //  1:
  var age = parseInt(prompt("      "));
  //  
  if (age >= 18) {
    console.log("      ,  ...");
  } else {
    console.log("    ,      ");
  }

  //  1:           
  var num1=10;
  var num2=20;
  if(num1>num2){
    console.log(num1);
  }else{
    console.log(num2);
  }

  //  2:             

  var number=parseInt(prompt("       "));
  if(number%2==0){
    console.log("  ");
  }else{
    console.log("  ");
  }
 
4.分岐文の3元表現はコードを見ます.
    ,              ,              

*      :     : ? :

*

*   :

* var   =   1?   2:   3;
*実行プロセス: 式1の結果はtrueですか?それともfalseですか?trueであれば式2を行い、結果を変数に与えます.表式1の結果がfalseであれば、表式3を行い、結果を変数に与えます.
//         
var x = 10;
var y = 20;
var result1 = x > y ? x : y;
console.log(result1);

//         
var age = 10;
var result2 = age >= 18 ? "   " : "   ";
console.log(result2);

//  :     ,  if-else
 
5.分岐文のif-else if文はコードを見る
  :

* if(   1){

*   1

* }else if(   2){

*   2

* }else if(   3){

*   3

* }else{

*   4

* }

* else if---         ,        ,

* else--         ,
if文は一つの分岐しかありません.
if-else文には二つの分岐があり、最終的に一つの分岐が実行されます.
if-else if-else if-else if-else if....else---マルチブランチは、最終的に実行されます.
 
*実行プロセス:
*表式1の結果を先に判断し、 trueであればコード1を実行し、falseであれば式2を判断します.
*式2がtrueであればコード2を実行し、falseであれば式3を判断します.
*表式3がtrueであればコード3を実行します.
*さもなければ実行コード4
    /*
     *   :        90 100(  )      A 
     *        80 90(  )  ,   B 
     *        70 80(  )  ,   C 
     *        60(  ) 70(  )  ,   D 
     *       0 60(   )  ,   E 
     * */

    //    
    var score = Number(prompt("      "));// bug
    if (!isNaN(score)) {//   true        
      if (score > 90 && score <= 100) {
        console.log("A ");
      } else if (score > 80) {
        console.log("B ");
      } else if (score > 70) {
        console.log("C ");
      } else if (score >= 60) {
        console.log("D ");
      } else {
        console.log("E ");
      }
    } else {
      console.log("     ");
    }

    //  :           
    //          
    var year = 2017;
    if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
      console.log("  ");
    } else {
      console.log("  ");
    }
 
6.分岐文のswitch-case文はコードを見る
* switch-case  ---    ---     

*   :

* switch(   ){

* case  1:  1;break;

* case  2:  2;break;

* case  3:  3;break;

* case  4:  4;break;

* ...  case

* default:  5;

*

* }
*注意事項:
＊defaultの後ろのbreakは省略できます.defaultも省略できます.
*実行プロセス:
*式の値を取得し、値1と比較します.同じ場合はコード1を実行し、breakに遭遇したら文全体を飛び出すようにします.後のコードは実行されません.
*表式の値と値1が異なる場合は値2と比較し、同じ場合はコード2を実行し、breakに会ったら飛び出す
*さもなければ値3と比較し、同じ場合はコード3を実行し、breakに遭遇したら、飛び出す.さもなければ値4と比較し、同じ場合はコード4を実行し、breakに遭遇したら飛び出す.さもなければ直接コード5を実行する.
//  :           ,   A    90 100     
/*
    *    B    80 90 
    *    C    70 80    
    //     *    D    60 70   
    //     *     0 59  
    //     * */
    var jiBie = "E";
    switch (jiBie) {
        case "A":
        console.log("90 100  ");
        break;
        case "B":
        console.log("80 90  ");
        break;
        case "C":
        console.log("70 80  ");
        break;
        case "D":
        console.log("60 70  ");
        break;
        default :
        console.log("0 59  ");
    }


//    

var num = "10";//   
// console.log("10"===10);//true  false
switch (num) {
    case 10:
    console.log("   10");
    break;
    case "10":
    console.log("    10");
    break;
}


//           
//1,3,5,7,8,10,12 ---31 
//2----28 
//4,6,9,11----30
var month=parseInt(prompt("     "));
switch (month){
    case 1:console.log("31 ");break;
    case 2:console.log("28 ");break;
    case 3:console.log("31 ");break;
    case 4:console.log("30 ");break;
    case 5:console.log("31 ");break;
    case 6:console.log("30 ");break;
    case 7:console.log("31 ");break;
    case 8:console.log("31 ");break;
    case 9:console.log("30 ");break;
    case 10:console.log("31 ");break;
    case 11:console.log("30 ");break;
    case 12:console.log("31 ");break;

}



var month=parseInt(prompt("     "));
switch (month){
    case 1:
    case 3:
    case 5:
    case 7:
    case 8:
    case 10:
    case 12:console.log("31 ");break;
    case 4:
    case 6:
    case 9:
    case 11:console.log("30 ");break;
    case 2:console.log("28 ");break;
}


//  :           
var num=parseInt(prompt("          "));
switch (num){
    case 1:console.log("   ");break;
    case 2:console.log("   ");break;
    case 3:console.log("   ");break;
    case 4:console.log("   ");break;
    case 5:console.log("   ");break;
    case 6:console.log("   ");break;
    case 7:console.log("   ");break;
    default:console.log("    ");
}
 
7.分岐文のまとめ
*分岐文:
*if文:一つの分岐
*if-else文:二つの分岐が最終的に一つの分岐のみ実行されます.
*if-else if-else if...文:複数の分岐は、一つだけ実行されます.
＊switch-case文:複数の分岐文は、最終的に一つ(breakが必要)になります.
*三元表現:if-else文と同じです.
*if-else ifはいつ使いますか?
*switch-case文はいつ使われますか?具体的な値の判断が一般的です.
*複数の分岐がある場合は、範囲の判断に対して、一般的にif-else ifを選択する文です.
*複数の分岐がある場合は、具体的な値判断に対して、switch-case文を選択します.
 
JavaScriptフロー制御-分岐文
ブログのアドレス:https://blog.csdn.net/weixin_42787326/articale/detail/81291776
JS提出フォームの例分析