Otimizando a iteração de array em JavaScript: comprimento de cache vs. acesso direto de comprimento

O loop através de arrays é uma operação fundamental em JavaScript. Mas qual é a abordagem mais rápida? A sabedoria convencional afirma que armazenar em cache o comprimento do array melhora o desempenho, evitando cálculos repetidos. No entanto, alguns argumentam que os compiladores modernos otimizam o acesso direto ao comprimento.

O debate: cache vs. acesso direto

Tradicionalmente, a abordagem recomendada era armazenar em cache o comprimento da matriz:

for (var i = 0, len = arr.length; i 
Este método armazena o comprimento do array em uma variável local len para evitar calculá-lo repetidamente dentro do loop.
Outros afirmam que os compiladores otimizam o acesso direto ao comprimento, tornando o cache supérfluo:
for (var i = 0; i 
Resultados de benchmarking
Para determinar a abordagem mais eficiente, um teste de benchmark foi realizado em vários navegadores modernos: https://jsben.ch/wY5fo.
Conclusão: o comprimento do cache emerge vitorioso
Apesar dos argumentos a favor do acesso direto ao comprimento, os resultados do benchmark sugerem que armazenar em cache o comprimento do array continua sendo o método mais rápido na prática. Provavelmente, isso se deve às otimizações feitas pelos mecanismos JavaScript, que priorizam a clareza em vez da inteligência.
Portanto, a abordagem recomendada para fazer loop em arrays em JavaScript é utilizar o loop for padrão com cache de comprimento:
var i = 0, len = myArray.length;
while (i