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; rv:124.0) Gecko/20100101 Firefox/124.0

Browser: Firefox 124

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

jQuery each

296K/s

lodash.each

236K/s

native

158K/s

layui each

61K/s

for loop

25K/s

View exact numbers

Test name	Executions per second
✓ jQuery each	296,077 Ops/sec
lodash.each	235,880 Ops/sec
native	157,620 Ops/sec
layui each	60,721 Ops/sec
for loop	24,915 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)})