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

for()

2.0M/s

forEach()

1.7M/s

View exact numbers

Test name	Executions per second
✓ for()	1,981,438 Ops/sec
forEach()	1,712,021 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++; }