Benchmark: Array.includes vs Array.find vs Array.indexOf (with object)

Script Preparation code:

var values = []
for (var i = 0; i < 1000000; i++) {
  values.push({i})
}

Tests:

Array.find
var TEST_NUM = 897495 var result = values.find(({i}) => i === TEST_NUM)
Array.includes
var TEST_NUM = 897495 var mappedValues = values.map(({i}) => i) var result = mappedValues.includes(TEST_NUM)
Array.indexOf
var TEST_NUM = 897495 var mappedValues = values.map(({i}) => i) var result = mappedValues.indexOf(TEST_NUM) !== -1

Rendered benchmark preparation results:

Previous results

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

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36

Browser/OS: Chrome 92 on Windows

Array.includes vs Array.find vs Array.indexOf (with object) (version: 0)