Run results for: for-loop vs for-of perf test

Run details:

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

Browser: Opera 109

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

For-of 100 Items

2.5M/s

For-of 1000 items

500K/s

For-loop 100 Items

29K/s

For-loop 1000 Items

3K/s

For-of 1mil items

43/s

For-loop 1mil items

3/s

View exact numbers

Test name	Executions per second
✓ For-of 100 Items	2,462,574 Ops/sec
For-of 1000 items	500,170 Ops/sec
For-loop 100 Items	28,980 Ops/sec
For-loop 1000 Items	2,843 Ops/sec
For-of 1mil items	43 Ops/sec
For-loop 1mil items	3 Ops/sec

HTML Preparation code:

<script>
  const listOfHundred = Array.from({
    length: 100
}, (_, i) => i)
const listOfThousand = Array.from({
    length: 1000
}, (_, i) => i)
const listOfMillion = Array.from({
    length: 1_000_000
}, (_, i) => i)
</script>

Tests:

For-loop 100 Items
let r = 0 for (let i = 0; i < listOfHundred.length; ++i) { r += listOfHundred[i] }
For-of 100 Items
let r = 0 for (const x of listOfHundred) { r += x }
For-loop 1000 Items
let r = 0 for (let i = 0; i < listOfThousand.length; ++i) { r += listOfThousand[i] }
For-of 1000 items
let r = 0 for (const x of listOfThousand) { r += x }
For-loop 1mil items
let r = 0 for (let i = 0; i < listOfMillion.length; ++i) { r += listOfMillion[i] }
For-of 1mil items
let r = 0 for (const x of listOfMillion) { r += x }