Run results for: forEach vs mapfilter vs transduce

Run details:

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

Browser: Chrome 92

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
forEach	5.6 Ops/sec
mapFilter	36.4 Ops/sec
transduce	76.6 Ops/sec

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js"></script>

Script Preparation code:

var makeArr = (randomCeil) => (len) =>
    Array.from({
        length: len
    }, (v, i) => Math.floor(Math.random() * randomCeil));

var arrOfMillion = makeArr(100)(1e6);

var tripleIt = (num) => num * 3;

var isEven = (num) => num % 2 === 0;

Tests:

forEach
const result = []; arrOfMillion.forEach((item) => { const tripleItem = tripleIt(item); if (isEven(tripleItem)) { result.push(tripleItem); } });
mapFilter
const result = arrOfMillion.map(tripleIt).filter(isEven);
transduce
const transducer = R.compose(R.filter(isEven), R.map(tripleIt)); const reducer = (acc, val) => (acc.push(val), acc); // same as (acc, val) => { acc.push(val); return acc } const result = R.transduce(transducer, reducer, [], arrOfMillion);

Run results for: forEach vs mapfilter vs transduce

forEach

mapFilter

transduce