Run results for: reduce vs reduceset2

Run details:

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

Browser: Chrome 132

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
reduce	7279583.5 Ops/sec
pick	7510122.5 Ops/sec

HTML Preparation code:

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

Tests:

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