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

Test name	Executions per second
✓ reduce	11,754,873 Ops/sec
for in	8,758,736 Ops/sec
filter and fromPairs	6,025,312 Ops/sec
pick	2,143,926 Ops/sec

for in

const TEXT_PROPS_TO_BLOCK = [
  'display',
  'textColor',
  'verticalAlign',
  'className',
  'style',
];

const propsToTest = { 
  "aria-label": "ordered list", 
  "data-test": "something",
  "textColor": "foo",
  "className": "bar"
}

let allowedProps = {};
for (let p in propsToTest) {
  if (!TEXT_PROPS_TO_BLOCK.includes(p)) {
    allowedProps = {[p]: propsToTest[p], ...allowedProps};
  }
}

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"
}

_.pick(
  propsToTest,
  Object.keys(propsToTest).filter(prop => !TEXT_PROPS_TO_BLOCK.includes(prop))
);

filter and fromPairs

const TEXT_PROPS_TO_BLOCK = [
  'display',
  'textColor',
  'verticalAlign',
  'className',
  'style',
];

const propsToTest = { 
  "aria-label": "ordered list", 
  "data-test": "something",
  "textColor": "foo",
  "className": "bar"
}

_.fromPairs(Object.entries(propsToTest).filter(([prop, value]) => !TEXT_PROPS_TO_BLOCK.includes(prop)))