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

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36

Browser: Chrome 81

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Array.prototype.forEach	148047184.0 Ops/sec
lodash each	2948174.2 Ops/sec
Jquery each	2592601.0 Ops/sec
Array.prototype.map	8605561.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