Run results for: Array.includes vs Array.find vs Array.indexOf (with object)

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.101 Safari/537.36

Browser: Chrome 91

Operating system: Mac OS X 10.14.6

Device Platform: Desktop

Date tested: 2 years ago

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