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

Run details:

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

Browser: Chrome 78

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
forEach	9681.0 Ops/sec
reduce	8740.5 Ops/sec
for	15971.7 Ops/sec
map and filter	2935.6 Ops/sec

Script Preparation code:

var arr = [];
for (var i = 0; i < 12345; i++) {
  arr[i] = i;
}

function someFn(i) {
  return (i % 5);
}

var sumForEach = 0,
  sumReduce = 0,
  sumMap = 0,
  sumFilter = 0,
  sumFor = 0;

Tests:

forEach
let newArr = [] arr.forEach(item => { if(item) newArr.push(item) });
reduce
let newArr = arr.reduce((lastValue, item) => { if(item) lastValue.push(item); return lastValue }, []);
for
let newArr = [] for (let j of arr) { if(j) newArr.push(j); }
map and filter
let newArr = arr.map(a => a ? a : false).filter(a => a)

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

looping multiple times or just once over an array to map new values and filter the ouput

forEach

reduce

for

map and filter