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

フロントエンドを一定期間学習すると、パフォーマンスの問題を考慮するようになります。そこで問題は、コードの実行時間をどのように計算するかということです。この記事では主に、コンソールを使用して js でコードの実行時間を計算する方法について説明します。お役に立てれば幸いです。

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 番目の方法をお勧めします。

関連する推奨事項:

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

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