Run results for: forEach vs for len vs for in vs for of fix

created based off of an archived jsperf benchmark: http://web.archive.org/web/20191008221700/https://jsperf.com/foreach-vs-for-loop-vs-for-in-vs-for-of-vs-babel-for-of change var to let. for of returns the value directly. So you don't get value from testData array.

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_6_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/131.0.6778.73 Mobile/15E148 Safari/604.1

Browser: Chrome Mobile iOS 131

Operating system: iOS 17.6.0

Device Platform: Mobile

Date tested: one year ago

for optimized

19.3M/s

for

19.3M/s

while

19.3M/s

for of

6.0M/s

forEach

2.6M/s

reduce

2.5M/s

for in

919K/s

View exact numbers

Test name	Executions per second
✓ for optimized	19,344,122 Ops/sec
for	19,322,464 Ops/sec
while	19,302,642 Ops/sec
for of	6,007,672 Ops/sec
forEach	2,583,330 Ops/sec
reduce	2,542,235 Ops/sec
for in	919,247 Ops/sec

HTML Preparation code:

<script>
    Benchmark.prototype.setup = function() {
        var testData = [];
        for (var i = 0; i < 100; i++) {
            testData.push(i);
        }
    };
</script>

Tests:

forEach
let res = 0; testData.forEach(function(x) { res += x; });
for
let res = 0; for (let i = 0; i < testData.length; i++) { res += testData[i]; }
for optimized
let res = 0; for (let i = 0, len = testData.length; i < len; i++) { res += testData[i]; }
reduce
var res = testData.reduce(function(sum, x) { return sum + x; }, 0);
while
var res = 0; var i = testData.length; while (i--) { res += testData[i]; }
for in
var res = 0; for (let data in testData) { res += testData[data]; }
for of
var res = 0; for (var data of testData) { res += data; }