Benchmark: Check if an element contains a class name using a regular expression

HTML Preparation code:


<div class='one two three four five six seven eight nine testClass hello_world' id='demoBlock'></div>

Script Preparation code:

var el = document.getElementById('demoBlock');

Tests:

loop
for (var i=0, l=el.classList.length; i<l; ++i) { if(/hello_[^\s]+/.test(el.classList[i])) { console.log('found') break; } }
className
if (/hello_[^\s]+/.test(el.className)) { console.log('found') }

Rendered benchmark preparation results:

Previous results

Test case name	Result
loop
className

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 130 on Windows

className

180K/s

loop

103K/s

View exact numbers

Test name	Executions per second
✓ className	180,467 Ops/sec
loop	102,862 Ops/sec

Check if an element contains a class name using a regular expression (version: 0) Benchmark.js