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: 3 months ago

Test name	Executions per second
includes	80933688.0 Ops/sec
find	89245968.0 Ops/sec
indexOf	89333256.0 Ops/sec
lodash includes	24547202.0 Ops/sec
lodash find	22659874.0 Ops/sec
lodash indexOf	88799816.0 Ops/sec
map	58552636.0 Ops/sec
lodash map	50875052.0 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