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

Run details:

User agent: Mozilla/5.0 (Android 8.0.0; Mobile; rv:68.0) Gecko/68.0 Firefox/68.0

Browser: Firefox Mobile 68

Operating system: Android 8.0.0

Device Platform: Mobile

Date tested: 4 years ago

Test name	Executions per second
Lodash Vanilla	83885.1 Ops/sec
Lodash Vanilla (Chained)	30954.6 Ops/sec
Lodash FP	3322.9 Ops/sec
Native	83972.3 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