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

Run details:

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

Browser: Chrome 103

Operating system: Mac OS X 10.11.6

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
For-loop 100 Items	24613.8 Ops/sec
For-of 100 Items	2114820.0 Ops/sec
For-loop 1000 Items	2498.8 Ops/sec
For-of 1000 items	371018.1 Ops/sec
For-loop 1mil items	2.5 Ops/sec
For-of 1mil items	247.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