JavaScript ループ ステートメントのパフォーマンスの問題

ほとんどのプログラミング言語では、ループステートメントがほとんどの時間を消費します
そして、ループ ステートメントは非常に重要なプログラミング パターンです。JavaScript には 4 種類のループがあります: -in ループ

for-in ループは学生にとっては初めてかもしれません。学校で C/C++ を学んだ人

for-in ループの速度は、最終的には他のループの 1/7 だけになります3 つのタイプ
1. したがって、明らかに不明な数のプロパティを持つオブジェクトを反復する必要がない限り、それを避けるように努めるべきです for-in を使用します
   配列を走査するために for-in ループを使用しないでください

2. このようにオブジェクトをクリアします

   var props = [&#39;prop1&#39;, &#39;prop2&#39;],      i = 0;while(i < props.length){
       fn(obj[props[i++]]);
   }

   ログイン後にコピー
このコードは、オブジェクト内の属性に基づいてオブジェクト属性の配列を作成し、次に while を使用して属性リストをループし、対応する属性値を処理します
3. この方法では、すべての属性を検索する必要はありませんオブジェクトの属性を取得し、ループのコストを削減します
   上記のメソッドの前提は、オブジェクト内部の属性が既知であることです
オブジェクトの内部属性がわからない場合、実装
4. も処理する必要がありますこれはオブジェクト自体のプロパティのみを実行できます

   for(var prop in obj){    if(obj.hasOwnProperty(prop)){
           //...
       }
   }

   ログイン後にコピー
   コストは、各反復でプロパティが継承されたプロパティではなくオブジェクト自身のプロパティであるかどうかを判断する必要があることです。

プログラミングを学んだばかりの友達は皆ループの書き方に慣れていると思います

for(var i = 0; i < arr.length; i++){
    fn(arr[i]);
}

for(var i = 0, len = arr.length; i < len; i++){
    fn(arr[i]);
}

配列の長さに応じて, 多くのブラウザ 実行時間の約 25% を節約できます

配列の順序を逆にすることで、パフォーマンスをわずかに改善することもできます

for(var i = items.length; i--;){
    process(items[i]);
}

var j = items.length;while(j--){
    process(items[j]);
}

var k = items.length - 1;do {
    process(items[k]);
}while(k--);

このようにして、各反復制御条件は 2 つの時間 (数値が
Reduce 1 つの判断 (True かどうか) については、ループ速度がさらに向上します

最後にいくつかの言葉

これらのメソッドは配列の各要素に対して関数を実行します

そのため、通常のループ (for、while、do-while) を使用できる場合は、これらの通常のループ (for、while、do-while) を使用するようにしています。ループ (for、while、do-while) を使用して問題を解決します

上記は JavaScript ループ ステートメントのパフォーマンスの問題の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (m.sbmmt.com) を参照してください。 ！