Run results for: Array loop vs for loop vs for loop cached

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 16_1_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 16

Operating system: iOS 16.1.1

Device Platform: Mobile

Date tested: 2 years ago

foreach

19K/s

for each

19K/s

for each cached

19K/s

for each cached reversed

18K/s

map

17K/s

View exact numbers

Test name	Executions per second
✓ foreach	19,209 Ops/sec
for each	18,732 Ops/sec
for each cached	18,523 Ops/sec
for each cached reversed	18,288 Ops/sec
map	16,568 Ops/sec

Script Preparation code:

function getArr() {
  	return Array(1000).fill(1);
//	var arr = [];
//    for (var i = 0; i < 1000; i++) {
//      arr[i] = i;
//    }
//    return arr;
}
  
function someFn(i) {
  return i * 3 * 8;
}

Tests:

foreach
var arr = getArr(); arr.forEach((item) => { someFn(item); })
map
var arr = getArr(); arr.map(item => someFn(item));
for each
var arr = getArr(); for (var i = 0; i < arr.length; i++) { someFn(arr[i]); }
for each cached
var arr = getArr(); for (var i = 0, len = arr.length; i < len; i++) { someFn(arr[i]); }
for each cached reversed
var arr = getArr(); for (var i = arr.length - 1; i >= 0; i--) { someFn(arr[i]); }