Run results for: _.pickBy vs native vs plain old code

Run details:

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

Browser: Firefox 82

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 4 years ago

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

var obj = Array(1000)
  .fill()
  .reduce((acc, curr, i) => {
    acc[i] = i;
    return acc;
  }, {});
var predicate = v => v % 2 === 0;

Tests:

_.pickBy
_.pickBy(obj, predicate);
native
Object.entries(obj).reduce((acc, [k, v]) => { if (predicate(v)) acc[k] = v; return acc; }, {});
soy
Object.fromEntries(Object.entries(obj).filter(([k, v]) => predicate(v)));
iterate keys
function pickBy(object, predicate) { const obj = {}; for (const key in object) { if (object[key] && predicate(object[key])) { obj[key] = object[key]; } } return obj; } pickBy(obj, predicate);