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

Run details:

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

Browser: Mobile Safari 17

Operating system: iOS 17.3.1

Device Platform: Mobile

Date tested: 2 years ago

forEach

1K/s

map

986/s

reduce

982/s

lodash reduce

977/s

lodash map

971/s

lodash foreach

956/s

filter

902/s

lodash filter

825/s

for

759/s

View exact numbers

Test name	Executions per second
✓ forEach	1,022 Ops/sec
map	986 Ops/sec
reduce	982 Ops/sec
lodash reduce	977 Ops/sec
lodash map	971 Ops/sec
lodash foreach	956 Ops/sec
filter	902 Ops/sec
lodash filter	825 Ops/sec
for	759 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); });