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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/110.0

Browser: Firefox 110

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
For-loop 100 Items	3778584.0 Ops/sec
For-of 100 Items	636772.1 Ops/sec
For-loop 1000 Items	461098.1 Ops/sec
For-of 1000 items	82904.2 Ops/sec
For-loop 1mil items	198.7 Ops/sec
For-of 1mil items	68.9 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 }

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

Checking to see the performance differences of for-loop vs for-of

For-loop 100 Items

For-of 100 Items

For-loop 1000 Items

For-of 1000 items

For-loop 1mil items

For-of 1mil items