Run results for: Array.prototype.forEach vs _.each vs jquery each vs Array.prototype.map

Run details:

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

Browser: Chrome 83

Operating system: Linux

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Array.prototype.forEach	106327328.0 Ops/sec
lodash each	2000767.5 Ops/sec
Jquery each	1790843.9 Ops/sec
Array.prototype.map	6265443.0 Ops/sec

HTML Preparation code:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.core.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Tests:

Array.prototype.forEach
var params = [ "hello", true, 7 ]; var index = 0; params.forEach(param => index++);
lodash each
var params = [ "hello", true, 7 ]; var index = 0; _.each(params, param => index++);
Jquery each
var params = [ "hello", true, 7 ]; var index = 0; $.each(params, param => index++);
Array.prototype.map
var params = [ "hello", true, 7 ]; var index = 0; params.map(param => index++);

Run results for: Array.prototype.forEach vs _.each vs jquery each vs Array.prototype.map

Compare the new ES6 spread operator with the traditional concat() method

Array.prototype.forEach

lodash each

Jquery each

Array.prototype.map