Benchmark: Array loop vs foreach vs map vs for of

Script Preparation code:

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

Tests:

foreach
const res = [] arr.forEach(function (item){ res.push(someFn(item)) })
for
const res = [] for (var i = 0, len = arr.length; i < len; i++) { res.push(someFn(arr[i])) }
map
const res = arr.map(item => someFn(item))
for of
const res = [] for (const el of arr) { res.push(someFn(el)) }

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 140 on Windows

foreach

1K/s

map

1K/s

for of

986/s

for

900/s

View exact numbers

Array loop vs foreach vs map vs for of (version: 0) Benchmark.js