Run results for: Array forEach vs map vs for-of vs for

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36

Browser: Chrome 88

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Script Preparation code:

   var arr = [];
    for (var i = 0; i < 1000; i++) {
      arr[i] = i;
    }
  
    function someFn(i) {
      return i * 3 * 8;
    }

Tests:

foreach
arr.forEach(function (item){ someFn(item); })
for with cached length
for (var i = 0, len = arr.length; i < len; i++) { someFn(arr[i]); }
map
arr.map(item => someFn(item))
for of
for (let item of arr) { someFn(item); }
for
for (var i = 0; i < arr.length; i++) { someFn(arr[i]); }