Run results for: Lodash Vanilla (+ Chained) vs Lodash FP vs Native

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36

Browser: Chrome 75

Operating system: Mac OS X 10.14.5

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Lodash Vanilla	317528.3 Ops/sec
Lodash Vanilla (Chained)	253382.9 Ops/sec
Lodash FP	109321.2 Ops/sec
Native	217064.4 Ops/sec

HTML Preparation code:

<script src='https://cdn.jsdelivr.net/g/lodash@4(lodash.min.js+lodash.fp.min.js)'></script>

Script Preparation code:

  var fp = _.noConflict();
  
  var arr = [
    {
      type: 'foo',
      name: 'foo'
    },
    {
      type: 'bar',
      name: 'bar'
    },
    {
      type: 'foo',
      name: 'a'
    },
    {
      type: 'bar',
      name: 'b'
    },
    {
      type: 'foo',
      name: 'c'
    },
    {
      type: 'cat',
      name: 'cat'
    },
    {
      type: 'foo',
      name: 'foo'
    },
    {
      type: 'bar',
      name: 'uuu'
    },
    {
      type: 'bar',
      name: 'tttt'
    },
    {
      type: 'nothing',
      name: 'foo'
    },
    {
      type: 'foo',
      name: 'x'
    }
  ];

var _mapFn = (item) => Object.assign({}, {name: item.name.toUpperCase()});
var _filterFn = (item) => item.type === 'foo';

Tests:

Lodash Vanilla
const result = _.filter(_.map(arr, _mapFn), _filterFn);
Lodash Vanilla (Chained)
const result = _(arr).map(_mapFn).filter(_filterFn).value();
Lodash FP
const result = fp.flow(fp.map(_mapFn), fp.filter(_filterFn))(arr);
Native
const result = arr.map(_mapFn).filter(_filterFn);

Run results for: Lodash Vanilla (+ Chained) vs Lodash FP vs Native

Lodash Vanilla

Lodash Vanilla (Chained)

Lodash FP

Native