Benchmark: reduce vs reduce set

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 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 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((newProps, key) => { if (!BOX_PROPS_TO_BLOCK_SET.has(key)) { newProps[key] = propsToTest[key]; } return newProps; }, {});

Rendered benchmark preparation results:

Previous results

Test case name	Result
reduce
pick

reduce vs reduce set (version: 1)