Run results for: forEach vs for loop v3

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Browser: Chrome 103

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
smallArray forEach	16400891.0 Ops/sec
smallArray for loop	1666786.1 Ops/sec
mediumArray forEach	10257451.0 Ops/sec
mediumArray for loop	185359.2 Ops/sec
largeArray forEach	2795250.2 Ops/sec
largeArray for loop	18683.2 Ops/sec
hugeArray forEach	48655.7 Ops/sec
hugeArray for loop	1892.9 Ops/sec

Script Preparation code:

var smallArray = [];
var mediumArray = [];
var largeArray = [];
var hugeArray = [];

for (let i = 0; i < 10; i++) {
  smallArray.push(i);
}

for (let i = 0; i < 100; i++) {
  mediumArray.push(i);
}

for (let i = 0; i < 1000; i++) {
  largeArray.push(i);
}

for (let i = 0; i < 10000; i++) {
  hugeArray.push(i);
}

Tests:

smallArray forEach
smallArray.forEach(item => { item += 1; })
smallArray for loop
for (let i = 0, l = smallArray.length; i < l; i++) { smallArray[i] += 1; }
mediumArray forEach
mediumArray.forEach(item => { item += 1; })
mediumArray for loop
for (let i = 0, l = mediumArray.length; i < l; i++) { mediumArray[i] += 1; }
largeArray forEach
largeArray.forEach(item => { item += 1; })
largeArray for loop
for (let i = 0, l = largeArray.length; i < l; i++) { largeArray[i] += 1; }
hugeArray forEach
hugeArray.forEach(item => { item += 1; })
hugeArray for loop
for (let i = 0, l = hugeArray.length; i < l; i++) { hugeArray[i] += 1; }

Run results for: forEach vs for loop v3

smallArray forEach

smallArray for loop

mediumArray forEach

mediumArray for loop

largeArray forEach

largeArray for loop

hugeArray forEach

hugeArray for loop