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

indexOf

89.3M/s

find

89.2M/s

lodash indexOf

88.8M/s

includes

80.9M/s

map

58.6M/s

lodash map

50.9M/s

lodash includes

24.5M/s

lodash find

22.7M/s

View exact numbers

Test name	Executions per second
✓ indexOf	89,333,256 Ops/sec
find	89,245,968 Ops/sec
lodash indexOf	88,799,816 Ops/sec
includes	80,933,688 Ops/sec
map	58,552,636 Ops/sec
lodash map	50,875,052 Ops/sec
lodash includes	24,547,202 Ops/sec
lodash find	22,659,874 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)

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

includes

find

indexOf

lodash includes

lodash find

lodash indexOf

map React.createElement

lodash map React.createElement

map sum

lodash map sum