Run results for: Lodash pick vs native pick vs compiled fn pick vs native pick (own) vs compiled (own)

Run details:

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

Browser: Firefox 95

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Lodash	32.5 Ops/sec
native pick	214.4 Ops/sec
compiled function	254.3 Ops/sec
native pick (own)	35.1 Ops/sec
compiled (own)	327.7 Ops/sec

HTML Preparation code:

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

Script Preparation code:

function pick1(obj, keys) {

  var res = {};
  if (typeof keys === 'string') {
    if (keys in obj) {
      res[keys] = obj[keys];
    }
    return res;
  }

  var len = keys.length;
  var idx = -1;

  while (++idx < len) {
    var key = keys[idx];
    if (key in obj) {
      res[key] = obj[key];
    }
  }
  return res;
};

var pick2 = new Function('el', 'if (!el) return {};  const res = {}; ' + 
                         'if ("a" in el) res.a = el.a;' + 
                         'if ("d" in el) res.d = el.d;' + 
                         'if ("i" in el) res.i = el.i;' + 
                         ' return res;')


function pick3(obj, keys) {
  const hasOwn = Object.prototype.hasOwnProperty;
  var res = {};
  if (typeof keys === 'string') {
    if (hasOwn.call(obj, keys)) {
      res[keys] = obj[keys];
    }
    return res;
  }

  var len = keys.length;
  var idx = -1;

  while (++idx < len) {
    var key = keys[idx];
    if (hasOwn.call(obj, keys)) {
      res[key] = obj[key];
    }
  }
  return res;
};

var pick4 = new Function('el', 'if (!el) return {};  const hasOwn = Object.prototype.hasOwnProperty; const res = {}; ' + 
                         'if (hasOwn.call(el, "a")) res.a = el.a;' + 
                         'if (hasOwn.call(el, "d")) res.d = el.d;' + 
                         'if (hasOwn.call(el, "i")) res.i = el.i;' + 
                         ' return res;')

function getRandomInt(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min) + min); //The maximum is exclusive and the minimum is inclusive
}


var data = [];

for (let i = 0; i < 10000; i++) {
    const obj = {};
	const propsCount = getRandomInt(0, 10);
  
  	for (let j = 0; j < propsCount; j++) {
		
	 	const propCode = getRandomInt(97, 122);
      
  		obj[String.fromCharCode(propCode)] = propCode;
	}
  
    data.push(obj);
}

Tests:

Lodash
data.map((obj) => _.pick(obj, ['a','d','i']))
native pick
data.map((obj) => pick1(obj, ['a','d','i']))
compiled function
data.map((obj) => pick2(obj, ['a','d','i']))
native pick (own)
data.map((obj) => pick3(obj, ['a','d','i']))
compiled (own)
data.map((obj) => pick4(obj, ['a','d','i']))

Run results for: Lodash pick vs native pick vs compiled fn pick vs native pick (own) vs compiled (own)

Lodash

native pick

compiled function

native pick (own)

compiled (own)