Run results for: for() vs foreach()

Run details:

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

Browser: Chrome 132

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

for()

592K/s

forEach()

320K/s

View exact numbers

Test name	Executions per second
✓ for()	592,277 Ops/sec
forEach()	320,317 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++; }