Run results for: for, for of, forEach, and reduce. Each with and without reduced variable re-declarations.

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4243.0 Safari/537.36

Browser: Chrome 87

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
for	661.3 Ops/sec
for (less closure)	684.6 Ops/sec
for of	3898.0 Ops/sec
for of (less closure)	3985.0 Ops/sec
forEach	1598.4 Ops/sec
forEach (less closure)	1483.4 Ops/sec
reduce	1543.0 Ops/sec
reduce (less closure)	1499.1 Ops/sec

Script Preparation code:

var array = [];
(function(theArray) {
  for (var i = 0, L = 10000; i < L; i += 1) {
    array.push({
      creationIndex: i,
      someStringifiedNumber: (Date.now() + '|' + Math.random())
    });
  }
})(array);
var result;

Tests:

for
var someValuesArray = []; for (var i = 0, L = array.length; i < L; i++) { var someVar = array[i]; var someValue = someVar.creationIndex + someVar.someStringifiedNumber; someValuesArray.push(someValue); } result = someValuesArray;
for (less closure)
var someValuesArray = []; var someVar; var someValue; for (var i = 0, L = array.length; i < L; i++) { someVar = array[i]; someValue = someVar.creationIndex + someVar.someStringifiedNumber; someValuesArray.push(someValue); } result = someValuesArray;
for of
var someValuesArray = []; for (var someVar of array) { var someValue = someVar.creationIndex + someVar.someStringifiedNumber; someValuesArray.push(someValue); } result = someValuesArray;
for of (less closure)
var someValuesArray = []; var someValue for (var someVar of array) { someValue = someVar.creationIndex + someVar.someStringifiedNumber; someValuesArray.push(someValue); } result = someValuesArray;
forEach
var someValuesArray = []; array.forEach(function(someVar) { var someValue = someVar.creationIndex + someVar.someStringifiedNumber; someValuesArray.push(someValue); }); result = someValuesArray;
forEach (less closure)
var someValuesArray = []; var someValue; array.forEach(function(someVar) { someValue = someVar.creationIndex + someVar.someStringifiedNumber; someValuesArray.push(someValue); }); result = someValuesArray;
reduce
var someValuesArray = array.reduce(function(valuesArray, someVar) { var someValue = someVar.creationIndex + someVar.someStringifiedNumber; valuesArray.push(someValue); return valuesArray; }, []); result = someValuesArray;
reduce (less closure)
var someValuesArray = []; var someValue; array.reduce(function(valuesArray, someVar) { someValue = someVar.creationIndex + someVar.someStringifiedNumber; valuesArray.push(someValue); return valuesArray; }, someValuesArray); result = someValuesArray;

Run results for: for, for of, forEach, and reduce. Each with and without reduced variable re-declarations.

Compare loop performance

for

for (less closure)

for of

for of (less closure)

forEach

forEach (less closure)

reduce

reduce (less closure)