Run results for: Caching length property vs getting it each time in the loop vs other loops

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.183 Safari/537.36

Browser: Chrome 86

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Script Preparation code:

var arr = [];
var count = 1000;
for(var i = 0; i<count; i++)
{
  arr.push(i);
}

Tests:

Cache length
var arrLen = arr.length; var sum = 0; for (var i = 0; i < arrLen; i++){ sum = arr[i]; }
Do not cache
var sum = 0; for (var i = 0; i < arr.length; i++){ sum = arr[i]; }
for let
var sum = 0; for (let i of arr) { sum = i; }
for var
var sum = 0; for (var i of arr) { sum = i; }