Run results for: lodash.each vs Object.forEach vs jQuery each vs layui each

Run details:

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

Browser: Chrome 101

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
lodash.each	62743.5 Ops/sec
native	48288.4 Ops/sec
for loop	1708.3 Ops/sec
jQuery each	22032.7 Ops/sec
layui each	4004.7 Ops/sec

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)})

Run results for: lodash.each vs Object.forEach vs jQuery each vs layui each

lodash.each

native

for loop

jQuery each

layui each