Benchmark: for loop vs. lodash foreach vs. array foreach

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>

Tests:

for
var x = ['test', 'this', 'the', 'other']; var y = ''; for (var i = 0; i < 10000; i++) { y += '<div>' + x[i] + '</div>'; }
lodash range foreach
var x = ['test', 'this', 'the', 'other']; var y = ''; _.forEach(x, function(v) { y += '<div>' + v + '</div>'; });
array foreach
var x = ['test', 'this', 'the', 'other']; var y = ''; x.forEach(function (v) { y += '<div>' + v + '</div>'; });

Rendered benchmark preparation results:

Previous results

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

Latest run results:

Run details: (Test run date: 3 years ago)

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

Browser/OS: Chrome 87 on Windows

for loop vs. lodash foreach vs. array foreach (version: 0)