【JS/TS パフォーマンス】forEachよりfor...ofを使用する

【JS/TS パフォーマンス】forEachよりfor...ofを使用する

配列の各要素に対して処理を実行する際のパフォーマンス比較です。

パフォーマンス #Typescript#Javascript

【JS/TS パフォーマンス】forEachよりfor...ofを使用する

サムネイル

配列の各要素に対して処理を実行する際のパフォーマンス比較です。

更新日: 8/25/2025
SOLUTION - 解決策

forEachよりfor…ofの方が約1.5倍高速

forEachメソッドはコールバック関数のオーバーヘッドがあるため、for…ofループの方が処理速度で優れています。

前提

  • 1000件以上の配列処理
  • 処理内容が単純な場合
  • コールバック関数のオーバーヘッドが無視できない場合

実際のコード

// 遅い
arr.forEach(item => process(item));
// 速い(約1.5倍)
for (const item of arr) {
  process(item);
}

検索

検索条件に一致する記事が見つかりませんでした