Run results for: Comparisons of performance for finding a value in an array

Run details:

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

Browser: Chrome 83

Operating system: Mac OS X 10.14.6

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Array.Prototype.find	78.4 Ops/sec
Array.Prototype.findIndex	82.1 Ops/sec
For loop	30.8 Ops/sec
LoDash	99.0 Ops/sec
Underscore	109.6 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

var lodash = _.noConflict();
var underscore = _.noConflict();
var array = [...Array(100000).keys()];
var key = 90000;

Tests:

Array.Prototype.find
const value = array.find(x => x === key);
Array.Prototype.findIndex
const idx = array.findIndex(x => x === key); const value = array[idx]
For loop
let value; for (let i = 0; i < array.length; i++) { if (array[i] === key) { value = array[i]; break; } }
LoDash
const value = lodash.find(array, x => x === key);
Underscore
const value = underscore.find(array, x => x === key);

Run results for: Comparisons of performance for finding a value in an array

Comparing several different methods for finding an item in an array (assuming complex objects)

Array.Prototype.find

Array.Prototype.findIndex

For loop

LoDash

Underscore