Run results for: Array.includes() vs Set.has() for small Arrays invoked many times

Run details:

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

Browser: Firefox 136

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Set.has, 20 elements

111.4M/s

Array.includes, 20 elements

11.5M/s

Array to Set + Set.has, 10 000 elements

1.2M/s

Array to Set + Set.has x 1000, 20 elements

85K/s

Array.includes x 1000, 20 elements

9K/s

View exact numbers

Test name	Executions per second
✓ Set.has, 20 elements	111,400,216 Ops/sec
Array.includes, 20 elements	11,460,438 Ops/sec
Array to Set + Set.has, 10 000 elements	1,195,253 Ops/sec
Array to Set + Set.has x 1000, 20 elements	85,031 Ops/sec
Array.includes x 1000, 20 elements	9,161 Ops/sec

Script Preparation code:

function getArray(length) {
  const result = [];
  for (let i = 0; i < length; i++) {
    result.push(i + 'abc'); // In case the browser does some sort of optimization for arrays with only integers ¯\_(ツ)_/¯
  }
  return result;
}

function getRandomTargetElement(arrayLength) {
  const index = Math.floor(Math.random() * arrayLength);
  return index + 'abc';
}


array_small = getArray(20);

set_small = new Set(array_small);

Tests:

Array.includes, 20 elements
array_small.includes(getRandomTargetElement(20));
Set.has, 20 elements
set_small.has(getRandomTargetElement(20))
Array to Set + Set.has, 10 000 elements
const target = getRandomTargetElement(10000); const set = new Set(array_small); set.has(target)
Array to Set + Set.has x 1000, 20 elements
const set = new Set(array_small); for (let i = 0; i < 1000; i++) { const target = getRandomTargetElement(20); set.has(target) }
Array.includes x 1000, 20 elements
for (let i = 0; i < 1000; i++) { const target = getRandomTargetElement(20); array_small.includes(target) }