Run results for: native lodash filter map 2dsfg

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:81.0) Gecko/20100101 Firefox/81.0

Browser: Firefox 81

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 4 years ago

HTML Preparation code:

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

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

Script Preparation code:

var data = Array(1000000).fill({ filtering: true, mapping: 42 });

 
var data = Array(1000000).fill({ filtering: true, mapping: 42 });

Tests:

native lodash filter map
data.filter(({ filtering }) => filtering).map(({ mapping }) => mapping)
data.filter(({ filtering }) => filtering).map(({ mapping }) => mapping)
Lazy Lodash filter-map
_.map(_.filter(data, 'filtering'), 'mapping')
_.map(_.filter(data, 'filtering'), 'mapping')

_.reduce(data, function(result, value, key) {
      if (value.filtering) {
        result.push(value.mapping)
      }
      return result;
  }, [])

 
_.reduce(data, function(result, value, key) {      if (value.filtering) {        result.push(value.mapping)      }      return result;  }, [])

  data.reduce(function(result, value, key) {
      if (value.filtering) {
        result.push(value.mapping)
      }
      return result;
  }, [])

 
  data.reduce(function(result, value, key) {      if (value.filtering) {        result.push(value.mapping)      }      return result;  }, [])