Run results for: test_classnames_alt

Run details:

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

Browser: Chrome 97

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
classnames 2.3.1	2499361.0 Ops/sec
keys, filter, join	2519105.2 Ops/sec
string based	3348611.2 Ops/sec

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/classnames/2.3.1/index.min.js" integrity="sha512-6Wf/IjsSjLaFTYco3pXM+49kC5M7jtbHzxMcdmYvwDskjv7cMcBPmJX2053aoQ+LRi8Po4ZsCtkNMf+NhXhNyQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Script Preparation code:

var obj = {
 	 'style-2': true,
  	 'style-3': false,
 	 'style-4': true,
}

Tests:

classnames 2.3.1
let result = window.classNames(obj)
keys, filter, join
function classes(obj = {}) { return Object.keys(obj) .filter((key) => obj[key]) .join(' '); } let result = classes(obj)
string based
function ts(...args){ let template = ''; args.forEach(arg => { if (typeof arg === 'string') { template += ' '+arg; return; } if (arg.join) { arg.forEach((e) => { template += ' ' + e; }) return; } let entries = Object.entries(arg); if (entries.length) { entries.forEach(entry => { if(entry[1]) template += ' ' + entry[0] }) } }) return template; } let result = ts(obj)

Run results for: test_classnames_alt

classnames 2.3.1

keys, filter, join

string based