Run results for: lodash.each vs Array.forEach vs jQuery.each vs for - inline code

Run details:

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

Browser: Chrome 98

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
lodash.each	6699.4 Ops/sec
native	6707.6 Ops/sec
for loop	4868.0 Ops/sec
jQuery each	6220.4 Ops/sec
for..of loop	7062.2 Ops/sec

HTML Preparation code:

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js"></script>

Script Preparation code:

var array = new Array(1000)
var sum
for (let i = 0, l = array.length; i < l; ++i) array[i] = i

Tests:

lodash.each
sum = 0 _.forEach(array, function (item) { sum += item * 2 })
native
sum = 0 array.forEach(function (item) { sum += item * 2 })
for loop
sum = 0 for(let i = 0, l = array.length; i < l; ++i) sum += array[i] * 2
jQuery each
sum = 0 $.each(array, function (item) { sum += item * 2 })
for..of loop
sum = 0 for (const item of array) sum += item * 2

Run results for: lodash.each vs Array.forEach vs jQuery.each vs for - inline code

Compares lodash.each, Array.prototype.forEach, jQuery.each, for and for..of, when the loop body execites an inline statement.

lodash.each

native

for loop

jQuery each

for..of loop