Benchmark: Comparing sum of array elements between Native and lodash and some more for loops

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

var size = 1000000;

var arr = [];

for(i=0; i<size; i++){
	arr.push(i);
}

Tests:

Native array
var sum = 0; for(i=0; i<arr.length; i++){ sum += arr[i]; } console.log(sum);
lodash array
var sum = 0; _.forEach(arr, function (element) { sum += element; }); console.log(sum);
Native foreach
var sum = 0; arr.forEach(value => { sum += value; }); console.log(sum);
Native for of
var sum = 0; for(const value of arr) { sum += value; } console.log(sum);
Native for in
var sum = 0; for(let x in arr) { sum += arr[x]; } console.log(sum);

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: one year ago)

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:106.0) Gecko/20100101 Firefox/106.0

Browser/OS: Firefox 106 on Ubuntu

Comparing sum of array elements between Native and lodash and some more for loops (version: 1)