Run results for: forEach vs for len vs for of

Run details:

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

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

.forEach

2.4M/s

for..of

2.4M/s

for

2.3M/s

View exact numbers

Test name	Executions per second
✓ .forEach	2,363,918 Ops/sec
for..of	2,360,829 Ops/sec
for	2,343,901 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

function generateTestArray() {
  const testData = [];
  for (let i = 0; i < 100; ++i) {
    testData.push({
      height: i,
      width: i * 2,
      result: 0
    });
  }
  return testData;
}

Tests:

.forEach
const array = generateTestArray(); array.forEach((item) => { item.result = item.height * item.width; });
for..of
const array = generateTestArray(); for(const item of array) { item.result = item.height * item.width; }
for
const array = generateTestArray(); for (let i = 0; i < array.length; ++i) { array[i].result = array[i].height * array[i].width; }