Array-Iteration in JavaScript optimieren: Caching-Länge vs. direkter Längenzugriff

Das Durchlaufen von Arrays ist eine grundlegende Operation in JavaScript. Aber wie geht es am schnellsten? Konventionelle Meinung besagt, dass das Zwischenspeichern der Array-Länge die Leistung verbessert, indem wiederholte Berechnungen vermieden werden. Einige argumentieren jedoch, dass moderne Compiler den direkten Längenzugriff optimieren.

Die Debatte: Caching vs. Direktzugriff

Traditionell bestand der empfohlene Ansatz darin, die Array-Länge zwischenzuspeichern:

for (var i = 0, len = arr.length; i 
Diese Methode speichert die Array-Länge in einer lokalen Variablen len, um eine wiederholte Berechnung innerhalb der Schleife zu vermeiden.
Andere behaupten, dass Compiler den direkten Längenzugriff optimieren und Caching überflüssig machen:
for (var i = 0; i 
Benchmarking-Ergebnisse
Um den effizientesten Ansatz zu ermitteln, wurde ein Benchmark-Test mit verschiedenen modernen Browsern durchgeführt: https://jsben.ch/wY5fo.
Fazit: Caching-Länge geht als Sieger hervor
Trotz Argumenten für direkte Länge Zugriff deuten die Benchmark-Ergebnisse darauf hin, dass das Zwischenspeichern der Array-Länge in der Praxis weiterhin die schnellste Methode ist. Dies ist wahrscheinlich auf Optimierungen zurückzuführen, die von JavaScript-Engines vorgenommen wurden, bei denen Klarheit Vorrang vor Cleverness hat.
Daher besteht der empfohlene Ansatz für das Durchlaufen von Arrays in JavaScript in der Verwendung der Standard-For-Schleife mit Längen-Caching:
var i = 0, len = myArray.length;
while (i