Run results for: Array loop for vs for of vs foreach vs map

Run details:

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

Browser: Chrome 86

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Script Preparation code:

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

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

Tests:

for (var i = 0, len = arr.length; i < len; i++) {
  someFn(arr[i]);
}

 
for (var i = 0, len = arr.length; i < len; i++) {  someFn(arr[i]);}

map
arr.map(item => someFn(item))
arr.map(item => someFn(item))
for of
for(let item of arr){ someFn(item); }
for(let item of arr){
someFn(item);
}
forEach
arr.forEach(item => someFn(item))
arr.forEach(item => someFn(item))