JavaScriptで処理時間を計測する際に便利な`console.time()`メソッドについて、基本的な使い方から実践的な活用方法まで詳しく解説します。

console.time()の基本的な使い方

`console.time()`は、JavaScriptの処理時間を計測するためのメソッドです。計測を開始するには`console.time()`を、終了するには`console.timeEnd()`を使用します。

console.time('処理時間');
// 計測したい処理
console.timeEnd('処理時間');

具体的な使用例

以下は、配列の処理時間を計測する例です：

console.time('配列処理');
const array = new Array(1000000).fill(0);
array.forEach(item => {
    Math.sqrt(item);
});
console.timeEnd('配列処理');

複数の処理時間を同時に計測

異なるラベルを使用することで、複数の処理時間を同時に計測できます：

console.time('処理A');
// 処理A
console.time('処理B');
// 処理B
console.timeEnd('処理B');
console.timeEnd('処理A');

計測時の注意点

  • 開始と終了で同じラベルを使用する必要があります
  • ブラウザの開発者ツールのコンソールで結果を確認できます
  • 計測値はミリ秒単位で表示されます

実践的な活用例

パフォーマンス最適化の場面での使用例：

console.time('forループ');
for (let i = 0; i < 1000000; i++) {
    // 処理
}
console.timeEnd('forループ');

console.time('forEach');
[...Array(1000000)].forEach(() => {
    // 処理
});
console.timeEnd('forEach');

デバッグでの活用

開発時のデバッグにも役立ちます：

function heavyProcess() {
    console.time('重い処理');
    // 処理内容
    console.timeEnd('重い処理');
}

まとめ

`console.time()`は簡単に使えて便利なパフォーマンス計測ツールです。適切に使用することで、コードの最適化やデバッグに役立てることができます。ただし、本番環境では不要なコンソール出力を削除することをお忘れなく。