Run results for: for in vs reduce vs pick vs objectsdf

Run details:

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

Browser: Chrome 79

Operating system: Mac OS X 10.15.0

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
hasownprop	4192738.5 Ops/sec
reduce includes	4269914.5 Ops/sec

HTML Preparation code:

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

Tests:

hasownprop
const TEXT_PROPS_TO_BLOCK = { 'display':true, 'textColor':true, 'verticalAlign':true, 'className':true, 'style':true }; const propsToTest = { "aria-label": "ordered list", "data-test": "something", "textColor": "foo", "className": "bar" } const newList = Object.keys(propsToTest).reduce((newObj, key) => { if (!TEXT_PROPS_TO_BLOCK.hasOwnProperty(key)) { newObj[key] = propsToTest[key]; } return newObj; }, {});
reduce includes
const TEXT_PROPS_TO_BLOCK = [ 'display', 'textColor', 'verticalAlign', 'className', 'style', ]; const propsToTest = { "aria-label": "ordered list", "data-test": "something", "textColor": "foo", "className": "bar" } const newList = Object.keys(propsToTest).reduce((newObj, key) => { if (!TEXT_PROPS_TO_BLOCK.includes(key)) { newObj[key] = propsToTest[key]; } return newObj; }, {});