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/83.0.4103.61 Safari/537.36

Browser: Chrome 83

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
forEach	9996.0 Ops/sec
reduce	9531.7 Ops/sec
for	20042.3 Ops/sec
map and filter	2866.1 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