Benchmark: forEach vs for len vs for of

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; }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
.forEach
for..of
for

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 131 on Windows

View result in a separate tab

.forEach

1.6M/s

for

1.4M/s

for..of

1.4M/s

View exact numbers

Test name	Executions per second
✓ .forEach	1,555,535 Ops/sec
for	1,410,736 Ops/sec
for..of	1,372,323 Ops/sec

forEach vs for len vs for of (version: 1)

Comparing performance of: `.forEach vs for..of vs for`

Created: one year ago by: Guest

Go to the latest result

.forEach

for..of

for

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

forEach vs for len vs for of (version: 1)

Comparing performance of: .forEach vs for..of vs for

Created: one year ago by: Guest

Go to the latest result

.forEach

for..of

for

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Comparing performance of: `.forEach vs for..of vs for`