Benchmark: set.has vs. array.includes vs array.indexOf (string values) - longer

Script Preparation code:

var a = [
  'height',
  'width',
  'maxHeight',
  'maxWidth',
  'maxHeight',
  'minWidth',
  'color',
  'bg',
  'backgroundColor',
  'opacity',
  'm',
  'mt',
  'mb',
  'mr',
  'mr',
  'mx',
  'my',
  'p',
  'pt',
  'pb',
  'pr',
  'pl',
  'px',
  'py',
  'border',
  'boxShadow',
  'flex',
  'verticalAlign',
  'textAlign',
  'overflow',
  'display',
  'cursor',
  '1height',
'1width',
'1maxHeight',
'1maxWidth',
'1maxHeight',
'1minWidth',
'1color',
'1bg',
'1backgroundColor',
'1opacity',
'1m',
'1mt',
'1mb',
'1mr',
'1mr',
'1mx',
'1my',
'1p',
'1pt',
'1pb',
'1pr',
'1pl',
'1px',
'1py',
'1border',
'1boxShadow',
'1flex',
'1verticalAlign',
'1textAlign',
'1overflow',
'1display',
'1cursor',
'2height',
'2width',
'2maxHeight',
'2maxWidth',
'2maxHeight',
'2minWidth',
'2color',
'2bg',
'2backgroundColor',
'2opacity',
'2m',
'2mt',
'2mb',
'2mr',
'2mr',
'2mx',
'2my',
'2p',
'2pt',
'2pb',
'2pr',
'2pl',
'2px',
'2py',
'2border',
'2boxShadow',
'2flex',
'2verticalAlign',
'2textAlign',
'2overflow',
'2display',
'2cursor',
'3height',
'3width',
'3maxHeight',
'3maxWidth',
'3maxHeight',
'3minWidth',
'3color',
'3bg',
'3backgroundColor',
'3opacity',
'3m',
'3mt',
'3mb',
'3mr',
'3mr',
'3mx',
'3my',
'3p',
'3pt',
'3pb',
'3pr',
'3pl',
'3px',
'3py',
'3border',
'3boxShadow',
'3flex',
'3verticalAlign',
'3textAlign',
'3overflow',
'3display',
'3cursor'

  
];

var count = 120;
a = a.slice(0, count);

var b = new Set(a)

var c = Object.fromEntries(a.map(value => [value, true]));

Tests:

includes
return a.includes(a[Math.round(Math.random() * count)])
lookup
return b.has(a[Math.round(Math.random() * count)])
indexof
return a.indexOf(a[Math.round(Math.random() * count)]) >= 0
object
return c[a[Math.round(Math.random() * count)]]

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
includes
lookup
indexof
object

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0) Gecko/20100101 Firefox/90.0

Browser/OS: Firefox 90 on Windows

View result in a separate tab

Test name	Executions per second
includes	1786646.0 Ops/sec
lookup	20800150.0 Ops/sec
indexof	2727882.0 Ops/sec
object	17213580.0 Ops/sec

set.has vs. array.includes vs array.indexOf (string values) - longer (version: 0)

Comparing performance of: includes vs lookup vs indexof vs object

Created: 2 years ago by: Guest

Jump to the latest result

includes

lookup

indexof

object

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A