Benchmark: Difference of the native includes, find, indexof and same lodash methods

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)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
includes
find
indexOf
lodash includes
lodash find
lodash indexOf
map React.createElement
lodash map React.createElement
map sum
lodash map sum

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 months ago)

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

Browser/OS: Chrome 144 on Linux

View result in a separate tab

Test name	Executions per second
includes	45763860.0 Ops/sec
find	60437116.0 Ops/sec
indexOf	82249984.0 Ops/sec
lodash includes	21514052.0 Ops/sec
lodash find	21132472.0 Ops/sec
lodash indexOf	86587864.0 Ops/sec
map React.createElement	18041458.0 Ops/sec
lodash map React.createElement	17492502.0 Ops/sec
map sum	18816044.0 Ops/sec
lodash map sum	29307234.0 Ops/sec

Related benchmarks:

Difference of the native includes, find, indexof and same lodash methods (version: 8)

Comparing performance of: includes vs find vs indexOf vs lodash includes vs lodash find vs lodash indexOf vs map React.createElement vs lodash map React.createElement vs map sum vs lodash map sum

Created: 3 months ago by: Registered User

Jump to the latest result

includes

find

indexOf

lodash includes

lodash find

lodash indexOf

map React.createElement

lodash map React.createElement

map sum

lodash map sum

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A