Benchmark: lodash.each vs Object.forEach vs jQuery each vs layui each

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.min.js"></script>

Script Preparation code:


// Populate the base array
var arr = [];
for (var i = 0; i < 1000; i++) {
  arr[i] = i;
}

function fn(a) {
  return a * 2 * 5;
}

Tests:

lodash.each
_.forEach(arr,fn)
native
arr.forEach(fn)
for loop
for(i=0;i<arr.length;i++) fn(arr[i]);
jQuery each
$.each(arr,fn);
layui each
layui.each(arr,function(i,e){fn(e)})

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash.each
native
for loop
jQuery each
layui each

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one month ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:124.0) Gecko/20100101 Firefox/124.0

Browser/OS: Firefox 124 on Windows

View result in a separate tab

Test name	Executions per second
lodash.each	235879.8 Ops/sec
native	157620.2 Ops/sec
for loop	24915.2 Ops/sec
jQuery each	296077.2 Ops/sec
layui each	60721.3 Ops/sec

lodash.each vs Object.forEach vs jQuery each vs layui each (version: 2)

Comparing performance of: lodash.each vs native vs for loop vs jQuery each vs layui each

Created: one year ago by: Registered User

Jump to the latest result

lodash.each

native

for loop

jQuery each

layui each

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A