Run results for: forEach vs reduce vs map vs filter vs for vs lodash

Run details:

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

Browser: Chrome 120

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

forEach

704/s

lodash reduce

683/s

lodash foreach

681/s

reduce

680/s

lodash map

679/s

lodash filter

663/s

map

661/s

filter

656/s

for

555/s

View exact numbers

Test name	Executions per second
✓ forEach	704 Ops/sec
lodash reduce	683 Ops/sec
lodash foreach	681 Ops/sec
reduce	680 Ops/sec
lodash map	679 Ops/sec
lodash filter	663 Ops/sec
map	661 Ops/sec
filter	656 Ops/sec
for	555 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

var arr = [];
for (var i = 0; i < 12345; i++) {
  arr[i] = i;
}

function someFn(i) {
  return (i * 3 * 8 / 1200 * 0.002 / 40 * 0.2);
}

var sumForEach = 0,
  sumReduce = 0,
  sumMap = 0,
  sumFilter = 0,
  sumFor = 0;

Tests:

forEach
arr.forEach(item => sumForEach += someFn(item));
reduce
sumReduce = arr.reduce((lastValue, item) => { return sumReduce += someFn(item); });
map
arr.map(item => (sumMap += someFn(item)));
filter
arr.filter(item => (sumFilter += someFn(item)));
for
for (var j = 0; j < arr.length; j++) { sumFor += arr[j]; }
lodash map
_.map(arr, (item) => sumMap += someFn(item));
lodash filter
_.filter(arr, (item) => (sumFilter += someFn(item)));
lodash foreach
_.forEach(arr, (item) => sumForEach += someFn(item));
lodash reduce
_.reduce(arr, (lastValue, item) => { return sumReduce += someFn(item); });