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

フロントエンドを一定期間学習すると、パフォーマンスの問題を考慮するようになります。そこで問題は、コードの実行時間をどのように計算するかということです。コードの実行時間を計算する方法を発見したので、この記事では主に、コンソールを使用してコードの実行時間を計算するための Javascript に関する関連情報を紹介します。必要な方は参考にしてください。それが皆さんのお役に立てれば幸いです。

Date オブジェクトを使用して計算するには console.log を使用します

たとえば、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

このメソッドは必要な場合に使用されます。テストの開始時に console.time を指定し、かっこ内の文字列を渡します。最後に console.timeEnd メソッドを使用して、文字列を再度渡します。

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

関連する推奨事項:

JavaScriptのデバッグコマンドはConsole.log()以上のものです

Laravelのタスクスケジューリングコンソールの詳細な説明

JSの使用中にコンソールオブジェクトをカスタマイズする方法

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