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

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

配列の反復処理において最速の方法を選択する際の比較です。

パフォーマンス #Javascript#Typescript

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

サムネイル

配列の反復処理において最速の方法を選択する際の比較です。

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

for…ofよりforループの方が約2倍高速

インデックスアクセスによるforループは、イテレータプロトコルのオーバーヘッドがないため最速です。

前提

  • パフォーマンスが最優先の場合
  • インデックスアクセスが必要、または問題ない場合
  • 可読性よりも速度を重視する場合

実際のコード

// 遅い
for (const item of arr) {
  process(item);
}
// 速い(約2倍)
for (let i = 0; i < arr.length; i++) {
  process(arr[i]);
}

検索

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