Run results for: lodash map + filter vs vanilla js reduce

Run details:

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

Browser: Chrome 94

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
reduce	4286175.0 Ops/sec
lodash	690172.6 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>

Tests:

reduce
let someArray = [ { keep: true, given_name: 'first', surname: 'second' }, { keep: false, given_name: 'third', surname: 'fourth' }, { keep: true, given_name: 'fifth', surname: 'sixth' }, ]; let filteredData = someArray.reduce((result, obj) => { if (obj.keep) { result.push({ full_name: `${ obj.given_name } ${ obj.surname }`, some_other_key: null, ...obj, }); } return result; }, []);
lodash
let someArray = [ { keep: true, given_name: 'first', surname: 'second' }, { keep: false, given_name: 'third', surname: 'fourth' }, { keep: true, given_name: 'fifth', surname: 'sixth' }, ]; let data = _.chain(someArray) .filter({keep: true}) .map((o) => { return { full_name: `${ o.given_name } ${ o.surname }`, some_other_key: null, ...o, } }) .value();