Benchmark: .map.includes vs .find with shuffle

Script Preparation code:

  var numberOfData = 1e3
    data = [];
    for (let i = 0; i <= numberOfData; i++) {
      data[i] = { test: `my-${numberOfData - i}` };
    }
data = _.shuffle(data);

Tests:

.map.includes
let arrayIds = data.map((el) => el.test); for (let i = 0; i <= numberOfData; i++) { arrayIds.includes(`my-${numberOfData - i}`); }
.find
for (let i = 0; i <= numberOfData; i++) { data.find((el) => el.test === `my-${numberOfData - i}`); }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
.map.includes
.find

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: 11 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/113.0

Browser/OS: Firefox 113 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
.map.includes	290.8 Ops/sec
.find	50.6 Ops/sec

.map.includes vs .find with shuffle (version: 0)

Comparing performance of: .map.includes vs .find

Created: one year ago by: Guest

Jump to the latest result

.map.includes

.find

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A