Benchmark: Filter array based on another array

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/uuid/8.3.2/uuid.min.js'></script>

Script Preparation code:

var assignments = []

for (i = 0; i < 50; i++) {
  assignments.push({ externalId: uuid.v4() })
}

function testIncludes() {
  var externalIdsArray = []
  
  for (i = 0; i < 50; i++) {
    externalIdsArray.push(uuid.v4())
  }
  
  assignments.filter(a => externalIdsArray.includes(a.externalId))
}

function testSet() {
  var externalIdsSet = new Set()
  
  for (i = 0; i < 50; i++) {
    externalIdsSet.add(uuid.v4())
  }
  
  assignments.filter(a => externalIdsSet.has(a.externalId))
}

function testMap() {
  var externalIdsMap = new Map()
  
  for (i = 0; i < 50; i++) {
    externalIdsMap.set(uuid.v4(), 1)
  }
  
  assignments.filter(a => externalIdsMap.has(a.externalId))
}

Tests:

Test includes
testIncludes()
Test set
testSet()
Test map
testMap()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Test includes
Test set
Test map

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: 3 years ago)

User agent: Mozilla/5.0 (Linux; Android 10; GM1913) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Mobile Safari/537.36

Browser/OS: Chrome Mobile 87 on Android

View result in a separate tab

Test name	Executions per second
Test includes	7908.7 Ops/sec
Test set	8255.6 Ops/sec
Test map	5608.2 Ops/sec

Filter array based on another array (version: 4)

Comparing performance of: Test includes vs Test set vs Test map

Created: 3 years ago by: Registered User

Jump to the latest result

Test includes

Test set

Test map

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A