JavaScript での配列反復の最適化: キャッシュ長と直接長アクセス

配列のループは JavaScript の基本的な操作です。しかし、最も早いアプローチは何でしょうか？従来の常識では、配列の長さをキャッシュすると、計算の繰り返しが回避され、パフォーマンスが向上すると考えられてきました。ただし、最新のコンパイラは直接長さのアクセスを最適化していると主張する人もいます。

議論: キャッシュと直接アクセス

伝統的に推奨されるアプローチは、配列の長さをキャッシュすることでした。

for (var i = 0, len = arr.length; i 
このメソッドは、ループ内で配列の長さを繰り返し計算することを避けるために、配列の長さをローカル変数 len に格納します。
他の人は、コンパイラーが直接長さへのアクセスを最適化し、キャッシュを不要にすると主張しています:
for (var i = 0; i 
ベンチマーク結果
最も効率的なアプローチを決定するために、さまざまな最新ブラウザーでベンチマーク テストが実施されました: https://jsben.ch/wY5fo.
結論: 長さのキャッシュが勝利を収める
長さの直接アクセスに関する議論にもかかわらず、ベンチマークの結果は、配列の長さのキャッシュが依然として実際の最速の方法であることを示唆しています 。これは、賢さよりも明瞭さを優先する JavaScript エンジンによる最適化によるものと考えられます。
したがって、JavaScript で配列をループする場合に推奨されるアプローチは、長さのキャッシュを備えた標準の for ループを利用することです。 ]:
var i = 0, len = myArray.length;
while (i