Run results for: Lodash vs Native map, find, filter

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Browser: Chrome 106

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

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});