Run results for: native find vs lodash _.find vs map+indexOf vs findIndex

Run details:

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

Browser: Chrome 88

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
array find	8982949.0 Ops/sec
_.find	2585015.0 Ops/sec
map+indexOf	13149.0 Ops/sec
findIndex	8966542.0 Ops/sec
new Map object	1121.0 Ops/sec
already existing Map object	7512619.0 Ops/sec

HTML Preparation code:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.core.js"></script>

Script Preparation code:

var users = [
  { user: 'joey',  age: 32, id: 0 },
]

for(var i=1; i < 10000; i++) {
  users.push({ user: 'ross', age: 41, id: i, managerId: i-1 });
}

var usersExistingMap = new Map();
users.map(u => {
	usersExistingMap.set(u.id, u);
});

Tests:

array find
// Native users.find(function (o) { return o.id = 41; })
_.find
_.find(users, function (o) { return o.id = 41; })
map+indexOf
users.map(o => o.id).indexOf(41)
findIndex
users.findIndex(o => o.id === 41)
new Map object
let usersMap = new Map(); users.map(u => { usersMap.set(u.id, u); }); usersMap.has(41);
already existing Map object
usersExistingMap.has(41);

Run results for: native find vs lodash _.find vs map+indexOf vs findIndex

Compare the new ES6 spread operator with the traditional concat() method

array find

_.find

map+indexOf

findIndex

new Map object

already existing Map object