ホームページ  >  記事  >  ウェブフロントエンド  >  JS がコンソールを使用してコードの実行時間を計算する方法の例

JS がコンソールを使用してコードの実行時間を計算する方法の例

韦小宝
韦小宝オリジナル
2018-01-15 11:35:341248ブラウズ

最近読んだ本でコードの実行時間を計算する方法を見つけたので、この記事では主に Javascript を使用してコードの実行時間を計算する方法について紹介します。サンプルコードが詳しく紹介されているので、JavaScriptに興味のある方は参考にしてみてください。

前書き

この記事では主に、コンソールを使用してコードの実行時間を計算するための Js に関する関連コンテンツを紹介し、参考と学習のために共有します。以下で説明することはあまりありません。詳しい紹介。

要件

フロントエンドを一定期間学習すると、パフォーマンスの問題を考慮するようになります。そこで問題は、コードの実行時間をどのように計算するかということです。

console.log と Date オブジェクト を使用して、

を計算します。たとえば、sort メソッドを使用して 100,000 個のランダムな 配列 の配列をソートするのにかかる時間を計算すると、次のようになります。次のように記述できます:

    var arr = [];
    for(var i=0; i<100000; i++){
      arr.push(Math.random());
    }
    var beginTime = +new Date();
    arr.sort();
    var endTime = +new Date();
    console.log("排序用时共计"+(endTime-beginTime)+"ms");

最後に、コンソールに次のように表示されます:

排序用时共计552ms

以下では、より柔軟で正確な方法を紹介します。

時間の計算には console.time を使用してください

このメソッドは前のメソッドよりも正確で、パフォーマンスのために特別に生成されています:
テスト ケース:

    var arr = [];
    for(var i=0; i<100000; i++){
      arr.push(Math.random());
    }
    console.time("sort");
    arr.sort();
    console.timeEnd("sort");

コンソールは次のように出力します:

sort: 542.668701171875ms

This first方法は、テストの開始時に console.time を記述し、括弧内に string を渡すことです。最後に console.timeEnd メソッドを使用して、文字列を再度渡します。

個人的には 2 番目の方法をお勧めします。

概要

以上がこの記事の内容です、皆さんの学習に役立てば幸いです! !

関連する推奨事項:

最も完全な JavaScript 学習の概要

正規表現を使用して JavaScript コードを強調表示する方法

javascript は、js でコメントされた正規表現コードと一致します

以上がJS がコンソールを使用してコードの実行時間を計算する方法の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。