Run results for: Lodash.js wrapper vs js native

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:91.0) Gecko/20100101 Firefox/91.0

Browser: Firefox 91

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Native	0.3 Ops/sec
Lodash.js chained wrapper	0.3 Ops/sec

HTML Preparation code:

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

Script Preparation code:

var max1 = 100000; // 100,000 (100 Thousand)
var max2 = 10000000; // 10,000,000 (10 Million)
var max3 = 100000000; // 100,000,000 (100 Million)

var arr1 = [];
//for (var i = 0; i <= max1; i++) { arr1.push(i); }

var arr2 = [];
for (var i = 0; i <= max2; i++) { arr2.push(i); }

var arr3 = [];
//for (var i = 0; i <= max3; i++) { arr3.push(i); }

Tests:

Native
arr2 .map((element) => element ** 2) .map((element) => element -10) .filter((element) => element % 2 === 0) .map((element) => `result is ${element}`);
Lodash.js chained wrapper
_(arr2) .map((element) => element ** 2) .map((element) => element -10) .filter((element) => element % 2 === 0) .map((element) => `result is ${element}`) .value();

Run results for: Lodash.js wrapper vs js native

Comparing performance of chained native map and filter operations against chained lodash wrapper methods

Native

Lodash.js chained wrapper