Run results for: for() vs foreach()

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:135.0) Gecko/20100101 Firefox/135.0

Browser: Firefox 135

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
forEach()	1712020.8 Ops/sec
for()	1981438.2 Ops/sec

HTML Preparation code:

<div class="test">01</div>
<div class="test">02</div>
<div class="test">03</div>
<div class="test">04</div>
<div class="test">05</div>
<div class="test">06</div>
<div class="test">07</div>
<div class="test">08</div>
<div class="test">09</div>
<div class="test">10</div>

Script Preparation code:

var testsum = 0;

Tests:

forEach()
document.querySelectorAll(".test").forEach(() => { testsum++; });
for()
var testelement = document.querySelectorAll(".test"); for(var i = 0; i < testelement.length; i++) { testsum++; }

Run results for: for() vs foreach()

for() vs foreach()

forEach()

for()