Run results for: Difference of the native includes, find, indexof and same lodash methods

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Browser: Chrome 143

Operating system: Linux

Device Platform: Desktop

Date tested: 6 months ago

lodash indexOf

88.3M/s

find

86.0M/s

indexOf

84.8M/s

includes

82.5M/s

map equal

58.8M/s

lodash map equal

50.3M/s

lodash map sum

31.2M/s

lodash includes

24.2M/s

lodash find

23.1M/s

map sum

21.7M/s

View exact numbers

Test name	Executions per second
✓ lodash indexOf	88,285,832 Ops/sec
find	85,953,480 Ops/sec
indexOf	84,818,776 Ops/sec
includes	82,529,224 Ops/sec
map equal	58,838,164 Ops/sec
lodash map equal	50,264,108 Ops/sec
lodash map sum	31,196,092 Ops/sec
lodash includes	24,227,552 Ops/sec
lodash find	23,113,664 Ops/sec
map sum	21,685,326 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.production.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.production.min.js'></script>

Script Preparation code:

var arr = ['banana', 'apple', 'tomato'];
var numericArr = [1, 2, 3];
var objsArr = [{
    name: 'banana'
}, {
    name: 'apple'
}, {
    name: 'tomato'
}];
var addOne = (el) => el + 1;

Tests:

includes
arr?.includes('tomato');
find
objsArr?.find(e => e?.name === 'tomato');
indexOf
arr?.indexOf('tomato') !== 1
lodash includes
_.includes(arr, 'tomato');
lodash find
_.find(arr, e => e.name === 'tomato');
lodash indexOf
_.indexOf(arr, 'tomato') !== 1;
map React.createElement
objsArr.map(item => { return React.createElement( 'div', { key: item.name }, item.name ); })
lodash map React.createElement
_.map(objsArr, item => { return React.createElement( 'div', { key: item.name }, item.name ); })
map sum
numericArr.map(addOne)
lodash map sum
_.map(numericArr, addOne)