Benchmark: Lodash vs Native map, find, filter

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>

Script Preparation code:

var data = Array.from(Array(100000).keys()).map(x => { return { value: x }; });

Tests:

Lodash Find
var x = _.find(data, x => x.value === data.length - 2);
Native Find
var x = data.find(x => x.value === data.length - 2);
Lodash Filter
var x = _.filter(data, x => x.value % 2 === 0);
Native Filter
var x = data.filter(x => x.value % 2 === 0);
Lodash Map Trivial
var x = _.map(data, x => x.value);
Native Map Trivial
var x = data.map(x => x.value);
Lodash Map Hard
var x = _.map(data, x => Math.sqrt(x.value));
Native Map Hard
var x = data.map(x => Math.sqrt(x.value));
Lodash Map Str
var x = _.map(data, x => x.value + "str");
Native Map Str
var x = data.map( x => x.value + "str");
Lodash Find Old style
var x = _.find(data, function(x){ return x.value === data.length - 2});
Native Find Old style
var x = data.find(function(x){ return x.value === data.length - 2});

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 14 days ago)

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

Browser/OS: Yandex Browser 24 on Linux

Lodash vs Native map, find, filter (version: 3)