Run results for: Array loop vs foreach vs map with return

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36

Browser: Chrome 89

Operating system: Mac OS X 10.13.6

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
var newA = [] arr.forEach(function (item){ newA.push(someFn(item)); }) return newA;
for
var newA = [] for (var i = 0, len = arr.length; i < len; i++) { newA.push(someFn(arr[i])); } return newA;
map
var newA = arr.map(item => someFn(item)) return newA;