Run results for: $.hasClass vs RegExp vs indexOf vs classList

Run details:

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

Browser: Chrome 83

Operating system: Mac OS X 10.15.4

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
$.hasClass	3322655.0 Ops/sec
RegExp	4400666.0 Ops/sec
Dry RegExp	2299750.0 Ops/sec
indexOf	10068660.0 Ops/sec
classList	7810545.0 Ops/sec
hasClassString	3834613.0 Ops/sec
RegExp 2	4379382.0 Ops/sec
RegExp 3	4401630.0 Ops/sec
RegExp 4	4395493.0 Ops/sec
RegExp 5	4367009.0 Ops/sec
indexOf simplest	10073200.0 Ops/sec

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div class="foobar" id="node">Hello</div>

Script Preparation code:

var node = document.getElementById('node');
var $node = $(node);
var rx = new RegExp('\\bfoobar\\b');
var rx2 = new RegExp('(^| )foobar( |$)', 'gi');
var rx3 = new RegExp('(^| )foobar( |$)');
var rx4 = new RegExp('(^| )foobar( |$)', 'g');
var rx5 = new RegExp('(^| )foobar( |$)', 'i');
function hasClassString(e, c) {
  var s = e.className, i = s.indexOf(c);
  return i != -1 && (s.charCodeAt(i - 1) || 32) == 32 && (s.charCodeAt(i + c.length) || 32) == 32;
};

Tests:

$.hasClass
var hasClass = $node.hasClass('foobar');
RegExp
var hasClass = rx.test(node.className);
Dry RegExp
var drx = new RegExp('\\bfoobar\\b'); var hasClass = drx.test(node.className);
indexOf
var hasClass = (" " + node.className + " ").indexOf(" foobar ") !== -1;
classList
var hasClass = node.classList.contains('foobar');
hasClassString
var hasClass = hasClassString(node, 'foobar');
RegExp 2
var hasClass = rx2.test(node.className)
RegExp 3
var hasClass = rx3.test(node.className)
RegExp 4
var hasClass = rx4.test(node.className)
RegExp 5
var hasClass = rx4.test(node.className)
indexOf simplest
var hasClass = (node.className).indexOf("foobar") !== -1;

Run results for: $.hasClass vs RegExp vs indexOf vs classList

Fork

$.hasClass

RegExp

Dry RegExp

indexOf

classList

hasClassString

RegExp 2

RegExp 3

RegExp 4

RegExp 5

indexOf simplest