初心者(C)のためのJSベースの - ループのために、丸め残りを取ります。

循環1.for

1.forの基本的な導入

    作用:
        根据一定的条件,重复地执行一行或多行代码

    语法:
        for( 初始化 ; 判断条件 ; 条件改变 ){
            代码块
        }

サイクル実行順序2.for

<body>
    <script>    
        for( var a = 0;a < 5;a++ ){        
            alert(1);            
        }
        alert(2);
//------------------------------------------
//        1-初始化:                         var a = 0;
//        2-判断条件:                         a < 5
//        3-如果条件成立,执行 代码块 :         alert(1);
//            条件不成立,跳出 for 循环(for循环结束)
//        4-条件改变:                         a++

//        1- (2-3-4-)( 2-3-4-)(2-3-4-)...2-判断不成立 -结束for,执行alert(2);
//------------------------------------------

    </script>
</body>

HTML生成されたコンテンツのため2.ループパフォーマンスの問題

リーのためのループ1000を用い生成され、次のコード・アクション、

<script>
        console.time("a");
        var list = document.getElementById("list");
        for( var i = 0;i < 1000;i++ ){
            list.innerHTML = list.innerHTML+ "<li>"+ i +"</li>";
        }
        console.timeEnd("a");//计算生成1000个li所需时间。
    </script>

所要時間:およそ1177ミリ秒。
画像のキャプション

分析:それはとても長い時間がかかる理由は、次のコードが原因であるとするたびにコンテンツリストを再読み込みした後、李を追加しますので。これは、低いパフォーマンスになります。あなたが100,000李を追加したい場合は、我々はより多くの時間がかかるが必要です。

list.innerHTML = list.innerHTML+ "<li>"+ i +"</li>";

パフォーマンスの向上:

<body>
    <ul id="list"></ul>
    <script>
        console.time("a");
        var list = document.getElementById("list");
        var str = "";//声明并赋值一个空字符串
        
        for( var i = 0;i < 1000;i++ ){
            str = str+ "<li>"+ i +"</li>";//统一往str塞完了li
        }
        list.innerHTML = str;//在给list
        
        console.timeEnd("a");
    </script>
</body>

ときに使用する長さ:わずか2ミリ秒。
画像のキャプション

3.剰余

%1.この演算子は主に二つに割った余りを取得するために使用されます。

<body>
        <script>
            //打印两数相除结果
            console.log( 7/3 );//2.3333333333
            //打印余数
            console.log( 7%3 );//1
            console.log( 4%2 );//0
            console.log( 11%7 );//4
            console.log( 3%7 );//3
        </script>
</body>

使用の2%が重要な
法則まとめ:結果のパーセントを、除数未満は余りかかります。

<body>
        <script>
            for( var i=0;i<20;i++ ){
                console.log( i%5 );
            }
        </script>
</body>

結果は以下のよう:5未満、時には必要な決意のための条件をサイクリングした後。
画像のキャプション

4 /及びMath.floor()。

  • /算術あり除算コンピュータ内のシンボル。
  • Math.floor();少数を取るために丸みを帯びたダウンは、元の値よりも良好です。
<body>
        <script>
            console.log( 7/3 );//2.333333333
            console.log( Math.floor( 7/3 ) );//2
            
            console.log( Math.floor( 3.3333 ) );//3
            console.log( Math.floor( 3.9 ) );//3
            console.log( Math.floor( 3.0 ) );//3

            console.log( Math.floor( -1.2 ) );//-2
            console.log( Math.floor( -1.6 ) );//-2
            
            
        </script>
</body>

5.Vフォント変換運動

V字の練習を変換

おすすめ

転載: www.cnblogs.com/jlfw/p/11921620.html