JAvaScript基礎学習-7-JavaScriptループ-ケースコード


JAvaScript基礎学習-7-JavaScriptループ-ケースコード
  • 1. サイクルの目的
  • 2. forサイクル
  • 3. forループ実行プロセス
  • 4. forループは同じコード
  • を繰り返す
  • 5. forループは異なるコード
  • を繰り返す
  • 6. forループは、いくつかの動作
  • を繰り返す
  • 7. forサイクルケース
  • 8. 学生の成績の実例の
  • を求めます
  • 9. 1行に5つの星
  • を印刷
  • 10. 二重forサイクル
  • 11. 5行5列星
  • を印刷
  • 12. n行n列の星
  • を印刷
  • 13. 逆三角形
  • を印刷
  • 14. 九九乗算表ケース
  • 15. whileサイクル
  • 16. whileサイクルケース
  • 17. do whildサイクル
  • 18. do whileサイクルケース
  • 20. break

  • 1.サイクルの目的
    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Documenttitle>
        <script>
            //      :          
            console.log('       ');
            console.log('       ');
            console.log('       ');
            console.log('---------------------');
            for (var i = 1; i <= 1000; i++) {
                console.log('       ');
            }
        script>
    head>
    <body>
    body>
    html>
    

    2.forサイクル
    <script>
        // 1. for         ,         
        // 2. for     
        // for (     ;      ;      ) {
        //     //    
        // }
        // 3.          var          ,             
        // 4.                                
        // 5.                                   (      )
        // 6.            100    
        for (var i = 1; i <= 100; i++) {
            console.log('   ');
        }
    script>
    

    3.forループ実行プロセス
    <script>
        // for        
        for (var i = 1; i <= 100; i++) {
            console.log('   ');
        }
        // 1.               var i = 1 .      for          index
        // 2.   i <= 100          ,                             
        // 3.       i++   i++                  
        // 4.       i <= 100                                  
    script>
    

    4.forループは同じコードを繰り返す
    <script>
        // for            
        for (var i = 1; i <= 10; i++) {
            console.log('       ');
        }
        
        //               
        var num = prompt('      ');
        for (var i = 1; i <= num; i++) {
            console.log('       ');
        }
    script>
    

    5.forループは異なるコードを繰り返す
    <script>
         // for                           i     i         
         //       1   1~100 
         // for (var i = 1; i <= 100; i++) {
         //     console.log('     ' + i + '  ');
         // }
         for (var i = 1; i <= 100; i++) {
             if (i == 1) {
                 console.log('     1  ,    ');
             } else if (i == 100) {
                 console.log('     100  ,   ');
             } else {
                 console.log('     ' + i + '  ');
             }
         }
    script>
    

    6.forループはいくつかの操作を繰り返す
    <script>
        // for                   100     
        //   1~100         
        //             100 ,           i  
        //               sum ,         0
        //     :1 + 2 + 3 + 4 ....   ,sum  =  sum + i;
        var sum = 0; //       
        for (var i = 1; i <= 100; i++) {
            // sum = sum + i;
            sum += i;
        }
        console.log(sum);
    script>
    

    7.forサイクルケース
    <script>
        // 1.  1-100                 sum               average   
        var sum = 0;
        var average = 0;
        for (var i = 1; i <= 100; i++) {
            sum = sum + i;
        }
        average = sum / 100;
        console.log(average);
    
        // 2.  1-100                           even          odd
        var even = 0;
        var odd = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 2 == 0) {
                even = even + i;
            } else {
                odd = odd + i;
            }
        }
        console.log('1~100          ' + even);
        console.log('1~100          ' + odd);
    
        // 3.  1-100      3          
        var result = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 3 == 0) {
                // result = result + i;
                result += i;
            }
        }
        console.log('1~100     3        :' + result);
    script>
    

    8.学生の成績を求めるケース
    <script>
        //              (num)
        //          (      score),         
        // for   ,                      i <= num
        //       :     。      ( sum),        ( average)
        //     
        var num = prompt('         :'); // num       
        var sum = 0; //      
        var average = 0; //        
        for (var i = 1; i <= num; i++) {
            var score = prompt('     ' + i + '     ');
            //    prompt                     
            sum = sum + parseFloat(score);
        }
        average = sum / num;
        alert('       ' + sum);
        alert('      :' + average);
    script>
    

    9.1行に5つの星を印刷
    <script>
        //          
        // console.log('★★★★★');
        // for (var i = 1; i <= 5; i++) {
        //     console.log('★');
        // }
        // var str = '';
        // for (var i = 1; i <= 5; i++) {
        //     str = str + '★';
        // }
        // console.log(str);
        var num = prompt('        ');
        var str = '';
        for (var i = 1; i <= num; i++) {
            str = str + '★'
        }
        console.log(str);
    script>
    

    10.二重forサイクル
    <script>
        // 1.   for       
        // for (        ;         ;         ) {
        //     for (        ;         ;         ) {
        //         //     ;
        //     }
        // }
        // 2.                     
        // 3.         ,          
        // 4.     
        for (var i = 1; i <= 3; i++) {
            console.log('       ' + i + ' ');
            for (var j = 1; j <= 3; j++) {
                console.log('        ' + j + ' ');
            }
        }
    script>
    

    11.5行5列の星を印刷
    <script>
        //         
        var str = '';
        for (var i = 1; i <= 5; i++) { //           
            for (var j = 1; j <= 5; j++) { //               
                str = str + '★';
            }
            //         5            
    str = str + '
    '
    ; } console.log(str);
    script>

    12.n行n列の星を印刷する
    <script>
        //   n n    
        var rows = prompt('      :');
        var cols = prompt('      :');
        var str = '';
        for (var i = 1; i <= rows; i++) {
            for (var j = 1; j <= cols; j++) {
                str = str + '★';
            }
            str += '
    '
    ; } console.log(str);
    script>

    13.逆三角形の印刷
    <script>
        //         
        var str = '';
        for (var i = 1; i <= 10; i++) { //         
            for (var j = i; j <= 10; j++) { //               j = i
                str = str + '★';
            }
            str += '
    '
    ; } console.log(str);
    script> out: ★★★★★★★★★★ ★★★★★★★★★ ★★★★★★★★ ★★★★★★★ ★★★★★★ ★★★★★ ★★★★ ★★★ ★★ ★

    14.九九乗算表のケース
    <script>
        //      
        //    9 ,          ,         for   
        //     for        i ,  9  ,     9    
        //     for           j  
        //     :                , j <= i;
        //       ,        
        var str = '';
        for (var i = 1; i <= 9; i++) { //         
            for (var j = 1; j <= i; j++) { //               j <= i
                // 1 × 2 = 2
                // str = str + '★';
                str += j + '×' + i + '=' + i * j + '\t';
            }
            str += '
    '
    ; } console.log(str);
    script> out: 1×1=1 1×2=2 2×2=4 1×3=3 2×3=6 3×3=9 1×4=4 2×4=8 3×4=12 4×4=16 1×5=5 2×5=10 3×5=15 4×5=20 5×5=25 1×6=6 2×6=12 3×6=18 4×6=24 5×6=30 6×6=36 1×7=7 2×7=14 3×7=21 4×7=28 5×7=35 6×7=42 7×7=49 1×8=8 2×8=16 3×8=24 4×8=32 5×8=40 6×8=48 7×8=56 8×8=64 1×9=9 2×9=18 3×9=27 4×9=36 5×9=45 6×9=54 7×9=63 8×9=72 9×9=81

    15.whileサイクル
    <script>
        // 1. while         while  ...   
        // while (     ) {
        //     //    
        // }
        // 2.                true               
        // 3.     
        var num = 1;
        while (num <= 100) {
            console.log('   ');
            num++;
        }
        // 4.                
        // 5.                            
    script>
    

    16.whileサイクルケース
    <script>
        // while    
        // 1.       , 1  100 
        var i = 1;
        while (i <= 100) {
            console.log('     ' + i + '  ');
            i++;
        }
        
        // 2.    1 ~ 100         
        var sum = 0;
        var j = 1;
        while (j <= 100) {
            sum += j;
            j++
        }
        console.log(sum);
    
        // 3.        ,     ?         ,     ,  ,    。
        var message = prompt('    ?');
        while (message !== '   ') {
            message = prompt('    ?');
        }
        alert('     !');
    script>
    

    17.do whildサイクル
    <script>
        // 1.do while        
        do {
            //    
        } while (     )
        
        // 2.        while        do while                           ,        ,      
        
        // 3.     
        var i = 1;
        do {
            console.log('how are you?');
            i++;
        } while (i <= 100)
        
        // 4.    do while          
    script>
    

    18.do whileサイクルケース
    <script>
        // 1.       , 1  100 
        var i = 1;
        do {
            console.log('     ' + i + '  ');
            i++;
        } while (i <= 100)
        
        // 2.    1 ~ 100         
        var sum = 0;
        var j = 1;
        do {
            sum += j;
            j++;
        } while (j <= 100)
        console.log(sum);
    
        // 3.        ,     ?         ,     ,  ,    。
        do {
            var message = prompt('    ?');
        } while (message !== '   ')
        alert('     ');
    script>
    

    20. break
    <script>
        // break       
        for (var i = 1; i <= 5; i++) {
            if (i == 3) {
                break;
            }
            console.log('     ' + i + '   ');
        }
    script>
    
    out:
    	     1   
    	     2