Оптимизация итерации массива в 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