Optimización de la iteración de matrices en JavaScript: longitud del almacenamiento en caché frente a acceso directo a la longitud

Recorrer las matrices en bucle es una operación fundamental en JavaScript. ¿Pero cuál es el enfoque más rápido? La sabiduría convencional ha sostenido que almacenar en caché la longitud de la matriz mejora el rendimiento al evitar cálculos repetidos. Sin embargo, algunos argumentan que los compiladores modernos optimizan el acceso directo a la longitud.

El debate: almacenamiento en caché versus acceso directo

Tradicionalmente, el enfoque recomendado era almacenar en caché la longitud de la matriz:

for (var i = 0, len = arr.length; i 
Este método almacena la longitud de la matriz en una variable local len para evitar calcularla repetidamente dentro del bucle.
Otros sostienen que los compiladores optimizan el acceso directo a la longitud, haciendo que el almacenamiento en caché sea superfluo:
for (var i = 0; i 
Resultados de la evaluación comparativa
Para determinar el enfoque más eficiente, se realizó una prueba comparativa en varios navegadores modernos: https://jsben.ch/wY5fo.
Conclusión: La longitud del almacenamiento en caché sale victoriosa
A pesar de los argumentos a favor del acceso directo a la longitud, los resultados de las pruebas comparativas sugieren que almacenar en caché la longitud de la matriz sigue siendo el método más rápido en la práctica . Es probable que esto se deba a las optimizaciones realizadas por los motores de JavaScript, que priorizan la claridad sobre la inteligencia.
Por lo tanto, el enfoque recomendado para recorrer matrices en JavaScript es utilizar el bucle for estándar con almacenamiento en caché de longitud:
var i = 0, len = myArray.length;
while (i